FineUI 官方论坛

标题: Grid表格的列怎么实现：指定宽度+均分宽度+最小宽度共存 [打印本页]

作者: dcm007 时间: 2021-2-4 18:48
标题: Grid表格的列怎么实现：指定宽度+均分宽度+最小宽度共存
本帖最后由 dcm007 于 2021-2-4 19:05 编辑

[attach]12665[/attach]

上面截图中有一个Grid做的表格，我们想实现：
1，整个Gird会有一个宽度Grid.Width，根据浏览器宽度自适应宽度
2，假如有四列A B C D，都默认有一个最小宽度，很好实现，比如 A.MinWidth=100，B.MinWidth=100，C.MinWidth=100，D.MinWidth=100
3，给A列设置固定宽度，这也很好实现比如 A.Width=200
4，当所有列的宽度加起来 A.width+B.MinWidth+C.MinWidth+D.MinWidth > Grid.Width 时，表格出现横向滚动条
当所有列的宽度加起来 A.width+B.MinWidth+C.MinWidth+D.MinWidth < Grid.Width 时，除了A列按指定宽度200显示，其他列均分剩下的宽度。
请问这种怎么实现？

我查到Grid有属性ForceFit，设置ForceFit=true后，会：成比例改变表格各列的宽度，以防止出现水平滚动条（第一次加载和之后改变表格宽度时都有效）。这样还是没有实现我上面描述的需求。

作者: sanshi 时间: 2021-2-5 19:41
建议用 BoxFlex + MinWidth：https://pro.fineui.com/#/grid/grid_width_boxflex.aspx

作者: erp8@live.cn 时间: 2021-2-24 23:22
表格很美观啊.
请问一下上面的表单外框线是如何写的?
希望知道方法?

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)