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/) Powered by Discuz! X3.4