asp.net gridview列寬

Question

我的代碼如下：

<asp:BoundField DataField = "resultId" HeaderText = "Result Id" ItemStyle-Width ="15%" ControlStyle-Width="300px"/>

我已經嘗試了ItemStyle-Width和ControlStyle-Width來修復我的gridView列寬度，但是似乎都無法正常工作。

如何設置column寬？

Answer 1

<asp:BoundField DataField = "resultId" HeaderText = "Result Id">
   <ItemStyle Width="30px"></ItemStyle>
</asp:BoundField>

Answer 2

嘗試這個

<asp:BoundField DataField = "resultId" HeaderText = "Result Id" ItemStyle-Width ="15%" ItemStyle-Wrap="false" ControlStyle-Width="300px"/>

您也可以在px嘗試。

Answer 3

做這樣的事情，

<asp:BoundField DataField = "resultId" HeaderText = "Result Id" HeaderStyle-Width="100px" />

Answer 4

首先，您應該將autogeneratecolumns="false"添加到您的<asp:GridView>

您的aspx文件應如下所示：

     <asp:GridView ID="GridView1" CssClass="gridview" autogeneratecolumns="False" Width="900" runat="server" HeaderStyle-CssClass="HeaderStyle">
        <Columns>
            <asp:boundfield DataField="field0">
                <HeaderStyle CssClass="HeaderStyle" />
                <ItemStyle CssClass="ItemStyle" />
                <FooterStyle CssClass="HeaderStyle" />
                <ControlStyle CssClass="HeaderStyle" />
           </asp:boundfield>
            <asp:boundfield DataField="field1">
                <HeaderStyle CssClass="HeaderStyle" />
                <ItemStyle CssClass="ItemStyle" />
                <FooterStyle CssClass="HeaderStyle" />
                <ControlStyle CssClass="HeaderStyle" />
           </asp:boundfield>
           .........
        </Columns>
        </asp:GridView>

您的CSS文件可能是這樣的：

    .HeaderStyle
        {
            background-color: #900;
            color: White;
            font-weight: bold;
            white-space:nowrap;
            width: 100px;
            max-width: 100px;
            overflow: hidden;
        }

        .ItemStyle
        {
            background-color: #eaebec;
            color: Black;
            font-weight: bold;
            white-space:nowrap;
            width: 100px;
            max-width: 100px;
            overflow: hidden;
        }
.gridview {
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    background: #eaebec;
    margin: 20px;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
}

您向C＃詢問了此問題，但是我將在此處添加VB代碼，但是您可以將其轉換：

    Dim tablo As New DataTable
    Dim row As DataRow
    tablo.Columns.Add("field0", System.Type.GetType("System.String"))
    tablo.Columns.Add("field1", System.Type.GetType("System.String"))
    .......
    For i = 1 to XX
        row("field" + Trim(Str(i))) = "Something"
    Next
    tablo.Rows.Add(row)
    GridView1.Columns(0).HeaderText = "Something Header"
    GridView1.Columns(1).HeaderText = "Something Other Header"
    .......

我認為就這些。 希望能幫助到你。

Answer 5

在頁面加載功能中輸入以下代碼：

protected void Page_Load(object sender, EventArgs e)
{
    GridView1.Attributes.Add("style", "word-break:break-all; word-wrap:break-word");    
}

然后在Boundfield屬性中將該屬性設置為：

HeaderStyle-Width="100px" 

Answer 6

<asp:GridView ID="gvDemo2" runat="server" AutoGenerateColumns="false">
            <AlternatingRowStyle Width="60px" />
            <Columns>
                <asp:BoundField DataField="FileId" HeaderText="Name" ItemStyle-Width="100" />
                <asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="100" />
                <asp:BoundField DataField="Number" HeaderText="Number" ItemStyle-Width="100" />
                <asp:BoundField DataField="Email" HeaderText="Email" ItemStyle-Width="100" />
                <asp:BoundField DataField="Date" HeaderText="Date" ItemStyle-Width="100" />
                <asp:BoundField DataField="Message" HeaderText="Message" ItemStyle-Width="100" />
            </Columns>
        </asp:GridView>