FineUI 官方论坛

标题: Grid列宽自适应 [打印本页]

作者: 杨戴沐 时间: 2018-12-19 15:10
标题: Grid列宽自适应
请教下各位大佬，怎么样才能让Grid自动调整列宽？
有数据的列自动把数据显示完整，没有数据或字数比较少的列自动缩小列宽。不管有没有数据列头都要显示完整，就和传统的file:///C:/Users/dm/AppData/Local/Temp/%W@GJ$ACOF(TYDYECOKVDYB.pngasp.net界面一样[img]file:///C:/Users/dm/AppData/Roaming/Tencent/Users/624856171/QQ/WinTemp/RichOle/)F9_((HT4[5)ZB)Z~$4H}KK.png[/img]。
同时也要考虑到屏幕大小和分辨率的问题，用ForceFit="true"加MinWidth是可以达到我想要的效果的，但是每个项目每个界面都需要重新调整，耗费时间和精力，有没有一劳永逸的方法？达到和传统的file:///C:/Users/dm/AppData/Local/Temp/%W@GJ$ACOF(TYDYECOKVDYB.pngasp.net界面一样[img]file:///C:/Users/dm/AppData/Roaming/Tencent/Users/624856171/QQ/WinTemp/RichOle/)F9_((HT4[5)ZB)Z~$4H}KK.png[/img]自动判断列宽度的效果。
官方案例-列宽度里的案例达不到理想效果。
[attach]11773[/attach][attach]11774[/attach]

第一张图片是grid不设置任何宽度显示的效果，序列号列有内容但不显示完成，后面3列少内容却占用大量空间。
第二张图是传统webfrom界面，会根据内容自动调整列宽。

作者: 杨戴沐 时间: 2018-12-19 15:12

有数据的列自动把数据显示完整，没有数据或字数比较少的列自动缩小列宽。不管有没有数据列头都要显示完整，就和传统的asp.net界面一样。
同时也要考虑到屏幕大小和分辨率的问题，用ForceFit="true"加MinWidth是可以达到我想要的效果的，但是每个项目每个界面都需要重新调整，耗费时间和精力，有没有一劳永逸的方法？
官方案例-列宽度里的案例达不到理想效果。

作者: sanshi 时间: 2018-12-20 22:21
目前没有你说的方式，推荐的方式可以是一列自适应（ExpandUnusedSpace），其他所有列固定宽度（这个要设置好），类似这个例子：http://pro.fineui.com/#/grid/grid_width_expandunusedspace.aspx

作者: hubeigaofeng 时间: 2019-4-29 09:44

sanshi 发表于 2018-12-20 22:21
目前没有你说的方式，推荐的方式可以是一列自适应（ExpandUnusedSpace），其他所有列固定宽度（这个要设置 ...

为什么不增加这个功能呢？这个功能还是很有用的，当一个表格有很多列的时候，一个一个设置累死，用户也要不断调整列宽，如果一个属性就能搞定，让每一列按内容自动调整列宽，体验会好很多。

作者: sanshi 时间: 2019-4-29 10:05

hubeigaofeng 发表于 2019-4-29 09:44
为什么不增加这个功能呢？这个功能还是很有用的，当一个表格有很多列的时候，一个一个设置累死，用户也要 ...

一个是历史原因，FineUI（开源版）不支持列宽度根据内容调整。
主要也是不好实现，根据内容调整就无法精确控制每列的宽度，并且表格头部和内容是两个table，实现起来就更加复杂

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