css - 如何调整 GridView 列宽？

Question

我正在尝试调整我使用 this tutorial 创建的 gridview 中列宽的大小，但我无法这样做。我已经通过谷歌搜索找到了数十种方法，但没有一种有效。

产生问题的代码

<asp:BoundField DataField="CustomerID" HeaderText="CustomerID" HtmlEncode="False" />
<asp:BoundField DataField="Name" HeaderText="Name" HtmlEncode="False" />
<asp:BoundField DataField="Address" HeaderText="Address" HtmlEncode="False" />
<asp:TemplateField> // I don't want to show it in my gridview as it is just being
                    // for showing nested gridview
<ItemTemplate>
</td></tr>

我尝试更改列的可见性，但显示/隐藏按钮不再起作用。

这是我的 gridview 的样子，

我想隐藏最后一个空列或最小化它的宽度，所以它应该被隐藏并增加描述列的宽度，减少 ID 号列的宽度以及第一列的宽度，

我什至尝试过 CSS 方式，但它说宽度为 0px，但宽度没有变化，ControlStyle-Width="10%" 但它没有用。

Answer 1

亲爱的 friend 使用下面的代码

    <asp:GridView runat="server" id="testGrid">
    <Columns>
        <asp:BoundField DataField="CustomerID" HeaderText="CustomerID" HtmlEncode="False" ItemStyle-Width="100px" />
        <asp:BoundField DataField="Name" HeaderText="Name" HtmlEncode="False" ItemStyle-Width="100px" />
        <asp:BoundField DataField="Address" HeaderText="Address" HtmlEncode="False" ItemStyle-Width="100px" />
    </Columns>
</asp:GridView>

或者如果您了解 css，则使用以下代码，您必须在其中将 css 类分配给 ControlStyle-CssClass 属性

    <asp:GridView runat="server">
    <Columns>
        <asp:BoundField DataField="CustomerID" HeaderText="CustomerID" HtmlEncode="False" ControlStyle-CssClass="cssclass1" />
        <asp:BoundField DataField="Name" HeaderText="Name" HtmlEncode="False" ControlStyle-CssClass="cssclass2"  />
        <asp:BoundField DataField="Address" HeaderText="Address" HtmlEncode="False" ControlStyle-CssClass="cssclass3" />
    </Columns>
</asp:GridView>