Grid如何固定列宽？

最新推荐文章于 2023-04-06 14:33:28 发布

原创最新推荐文章于 2023-04-06 14:33:28 发布 · 7.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#border #div #table #server #asp

二话不说先上图：

1.字段较少时：

条件1

效果如下：

字段较少时

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

当字段较多时：

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

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

后台绑定各字段的代码：

BoundField bf = new BoundField(); bf.DataField = title_info[2,j]; bf.HeaderText = title_info[4,j]; bf.HeaderStyle.Width =Convert.ToInt32(title_info[6,j]); bf.ItemStyle.Width = Convert.ToInt32(title_info[6, j]); bf.HeaderStyle.BackColor = System.Drawing.Color.LightSteelBlue; //bf.HeaderStyle.ForeColor = System.Drawing.Color.White; this.GridView1.Columns.Add(bf);

前台的代码为：

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

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

问题解决方法如下：

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

2.设置GridView的各列宽

this.GridView1.Columns[clm_no].ItemStyle.Width = Convert.ToInt32(title_info[6, j]);

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

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

int sumWidth = 0; for (int i = 0; i < GridView1.Columns.Count;i++ ) { sumWidth = sumWidth + Convert.ToInt32(GridView1.Columns[i].ItemStyle.Width.Value); } this.GridView1.Width = sumWidth;

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

for (int i = 0; i < e.Row.Cells.Count; i++) { e.Row.Cells[i].Style.Add("word-break","break-all"); }

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

各字段设置：

相应的字段设置