FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 5292|回复: 4

Grid列宽自适应

[复制链接]
发表于 2018-12-19 15:10:03 | 显示全部楼层 |阅读模式
请教下各位大佬,怎么样才能让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]自动判断列宽度的效果。
官方案例-列宽度 里的案例达不到理想效果。


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


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
 楼主| 发表于 2018-12-19 15:12:21 | 显示全部楼层

有数据的列自动把数据显示完整,没有数据或字数比较少的列自动缩小列宽。不管有没有数据列头都要显示完整,就和传统的asp.net界面一样。
同时也要考虑到屏幕大小和分辨率的问题,用ForceFit="true"加MinWidth是可以达到我想要的效果的,但是每个项目每个界面都需要重新调整,耗费时间和精力,有没有一劳永逸的方法?
官方案例-列宽度 里的案例达不到理想效果。
发表于 2018-12-20 22:21:29 | 显示全部楼层
目前没有你说的方式,推荐的方式可以是一列自适应(ExpandUnusedSpace),其他所有列固定宽度(这个要设置好),类似这个例子:http://pro.fineui.com/#/grid/grid_width_expandunusedspace.aspx
发表于 2019-4-29 09:44:27 | 显示全部楼层
sanshi 发表于 2018-12-20 22:21
目前没有你说的方式,推荐的方式可以是一列自适应(ExpandUnusedSpace),其他所有列固定宽度(这个要设置 ...

为什么不增加这个功能呢?这个功能还是很有用的,当一个表格有很多列的时候,一个一个设置累死,用户也要不断调整列宽,如果一个属性就能搞定,让每一列按内容自动调整列宽,体验会好很多。
发表于 2019-4-29 10:05:08 | 显示全部楼层
hubeigaofeng 发表于 2019-4-29 09:44
为什么不增加这个功能呢?这个功能还是很有用的,当一个表格有很多列的时候,一个一个设置累死,用户也要 ...

一个是历史原因,FineUI(开源版)不支持列宽度根据内容调整。
主要也是不好实现,根据内容调整就无法精确控制每列的宽度,并且表格头部和内容是两个table,实现起来就更加复杂
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-3-28 20:04 , Processed in 0.047376 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表