Question

我有以下代码。我为footerstyle，rowstyle和headerstyle设置了width="150px"。

代码：

<strong>Title</strong><br />
        <asp:GridView ID="socGridView" runat="server"
        CaptionAlign="Top" HorizontalAlign="Justify"  
        DataKeyNames="id"  onselectedindexchanged="socGridView_SelectedIndexChanged"
        ToolTip="Excel FIle DownLoad Tool" CellPadding="4" ForeColor="#333333" 
        GridLines="None">

        <RowStyle width = "150px"   BackColor="#E3EAEB" />
            <Columns>
            <asp:CommandField ShowSelectButton="True" SelectText="Download" ControlStyle-ForeColor="Blue"/>
            </Columns>
         <FooterStyle width = "150px"  BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
         <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
         <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
         <HeaderStyle width = "150px"  BackColor="Gray" Font-Bold="True" ForeColor="White" />
         <EditRowStyle BackColor="#7C6F57" />
         <AlternatingRowStyle BackColor="White" />

然而，它对我不起作用。有什么方法可以解决这个问题吗？

Answer 1

我遇到的问题是列宽没有变化但是，在我设置gridview宽度后，它可以工作！ e.g。

    <asp:GridView ID="gv" runat="server" AutoGenerateColumns="False" 
    DataSourceID="datasource_ssc" EnableModelValidation="True" Width="50%" 
    BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" 
    CellPadding="4" ForeColor="Black" GridLines="Vertical" 
    DataKeyNames="ssc,sales" AllowSorting="True">

Answer 2

您无法定义行宽。您可以使用Gridview来完成此操作，也可以使用列来执行此操作，例如：

'Gridview Width
<asp:GridView ID="GridView1" runat="server" Width="100px">

'Column Width
<Columns>
    <asp:BoundField HeaderText="Name (long)" DataField="Name">
            <ItemStyle Width="150px"></ItemStyle>
    </asp:BoundField>
</Columns>

'code behind
columnName.ItemStyle.Width = Unit.Percentage(someDouble);

Answer 3

ItemStyle不起作用！使用HeaderStyle。

GridView1.Columns[2].HeaderStyle.Width = 20;

Answer 4

asp:BoundField DataField="vProductInfo" HeaderText="Product Info" ItemStyle-Wrap="false"
                            HeaderStyle-Width="200px"  ItemStyle-Width="200px" SortExpression="vProductInfo" />

必须设置属性ItemStyle-Wrap =“ false”

修复gridview列宽不起作用。

4 个答案: