Grid如何固定列宽?

二话不说先上图:

1.字段较少时:

条件1

效果如下:

字段较少时

各列的宽度正常,都是按设置显示的。

当字段较多时:

字段较多时挤在一块,左右滑动也不起作用

为了能在屏幕上全部显示出来各个字段都挤在了一块,设置的DIV的滑动不起作用。

后台绑定各字段的代码:

前台的代码为:

请问各位,你们又是如何处理的呢? 如何能设置列的固定宽度,即使在字段较多时任保持宽度(可左右滑动)。

-----------------------------------------------分割线--------------------------------------------------------------

问题解决方法如下:

1.设置DIV的列宽为固定值而不是百分比(当列多时百分比会被撑开)

2.设置GridView的各列宽

这段代码写在GridView绑定了某列(GridView1.Columns.Add(XXX))之后。

3.在GridView的DataBound事件中计算并设置GridView的总宽度:

到目前为止水平的滑动条已经可用了。为了让各列能在宽度设置较小情况下自动换行我们加入这段代码:

当然你也可以在Page_Load或其它需要的地方直接设置GridView.Attribute属性来达到这一效果。这里就不多写了。

各字段设置:

相应的字段设置

效果:

最终效果

在此感谢Csdner: wjq 和其他参与解答的网友。

posted on   心笑峰  阅读(3981)  评论(0编辑  收藏  举报

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述

导航

< 2009年6月 >
31 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 1 2 3 4
5 6 7 8 9 10 11
点击右上角即可分享
微信分享提示