Question

如何动态设置GridView 列宽

Answer 1

列将呈现为不含宽度信息的 HTML 表单元格（td 元素）；大多数浏览器都会调整表单元格的大小以适应列中最宽的内容。 如果需要，您可以通过编程方式设置 GridView 控件中个别列的宽度。如果列的宽度取决于只在运行时提供的信息，则这种方式非常有用。例如，您可能要根据列的内容（即根据 GridView 控件绑定到的数据）调整列的大小。 设置列宽的基本方法包括设置列模板的 Width 属性。如果希望根据列的内容设置宽度，可以处理 RowDataBound 事件。这使得您可以检查行中的数据。动态设置列宽在代码中，将 GridView 控件列的 ItemStyle 属性的 Width 属性设置为所需的宽度。下面的代码示例说明如何将 GridView1 控件中所有列的宽度设置为用户在文本框中输入的值。protected void Button1_Click(object sender, EventArgs e){try{int colWidth = Int16.Parse(Server.HtmlEncode(TextBox1.Text)); if (colWidth > 0){for (int i = 0; i < GridView1.Columns.Count; i++){GridView1.Columns[i].ItemStyle.Width = colWidth;} }}catch{// Report error.}}根据数据内容设置列宽创建RowDataBound 事件的处理程序。每次在网格中的新行绑定数据时，都会引发 RowDataBound 事件，而且该事件将授予您对每行中数据的访问权限。在事件处理程序中，执行下列操作： 创建DataRowView 对象并为其分配当前网格行的 DataItem 值。 DataItem 属性将被类型化为一个对象。因此，您必须强制转换该属性。测试数据行 (DataControlRowType) 以确保您使用的是数据绑定行而不是页眉或页脚。从DataRowView 对象提取要检查的数据值。设置ItemStyle 属性的 Width 属性。将ItemStyle 属性的 Wrap 属性设置为 false。 如果Wrap 属性为 false，则会自动调整列的大小。下面的代码示例说明在设置某一列（在本例中为第三列）的宽度时如何根据上一列中最宽数据元素的宽度进行设置。将为 GridView 控件所显示的每个数据行调用一次 RowDataBound 事件处理程序。这段代码将最宽元素的字符数存储在受保护的页成员中，并将列的宽度设置为字符数乘以 30（任意乘数）。