Css 如何调整栅格视图列宽？

我正在尝试在使用创建的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中显示它，因为它只是
//用于显示嵌套的gridview

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

这就是我的gridview的样子

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

---

我甚至尝试了CSS方式，但它显示宽度为0px，但宽度没有变化，并且

ControlStyle width=“10%”

但它不起作用。

您可以通过指定gridview列的

ItemStyle width

属性来调整列的大小

 <asp:BoundField DataField="ProductID" HeaderText="ProductID" ItemStyle-Width="200px" 
 InsertVisible="False" ReadOnly="True" SortExpression="ProductID" >
 </asp:BoundField>

对于空白值，“模板字段”列将可见。但是，您可以通过css禁用列边框或让列在aspx代码中呈现为新的表行来解决此问题

<asp:TemplateField>
            <ItemTemplate>
    <tr>
       <td colspan="100%">
            <!-- your nested control goes here-->
        </td>
    </tr>
   </ItemTemplate>
</asp:TemplateField>

---

亲爱的朋友，请使用以下代码

    <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>

您能详细显示gridview的代码吗？您能正确阅读这篇文章吗？链接包含您需要的所有代码：）设置每个gridview绑定字段的HeaderStyle HorizontalAlign、ItemStyle HorizontalAlign属性。为什么分别设置？我不能把它添加到我需要改变大小的那个吗？谢谢，我不确定更改对齐是否有好处？