手动设置Gridview的列宽

Question

In my Gridview in ASP.NET the width of a column is determined by the headertext (or the content in the cells). In my case I have a column with a checkbox where I place the column header vertical, but the column width changes according to the headertext. So I would like to do is manually to have a small column. I tried the standard thing shown in the code below.

     <asp:TemplateField AccessibleHeaderText="Geen" HeaderText="Geen trans" HeaderStyle-CssClass="VerticalHeader" ItemStyle-Width="10" ItemStyle-Wrap="false" HeaderStyle-Width="10" HeaderStyle-Wrap="false" HeaderStyle-HorizontalAlign="Left" >
        <ItemTemplate>
            <asp:CheckBox ID="cbNoTransport" runat="server" AutoPostBack="true" OnCheckedChanged="cbNoTransport_OnCheckedChanged"/>
        </ItemTemplate>
    </asp:TemplateField>

     <div id="grid" style="overflow:scroll; overflow-Y:hidden;" >
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" 
    DataKeyNames="Barcode" DataSourceID="SqlDataSource1" 
    EmptyDataText="There are no data records to display." AllowPaging="True" 
    AllowSorting="True" onrowcancelingedit="GridView1_RowCancelingEdit" 
    onrowdeleted="GridView1_RowDeleted" onrowediting="GridView1_RowEditing" 
    onrowupdated="GridView1_RowUpdated" onsorted="GridView1_Sorted" 
    onpageindexchanged="GridView1_PageIndexChanged" PageSize="30"
    CssClass="Grid" onrowcommand="GridView1_RowCommand" 
    onrowdatabound="GridView1_RowDataBound" >
<Columns>
    <asp:BoundField DataField="Barcode" HeaderText="Barcode" 
        SortExpression="Barcode">
    </asp:BoundField>
    <asp:BoundField DataField="Werkpakket" HeaderText="Werkpakket" 
        SortExpression="Werkpakket">
    </asp:BoundField>
    <asp:BoundField DataField="HA" HeaderText="HA" SortExpression="HA" />
    <asp:BoundField DataField="Discipline" HeaderText="Discipline" 
        SortExpression="Discipline" >
    </asp:BoundField>
    <asp:BoundField DataField="Type" HeaderText="Type" 
        SortExpression="Type" >
    </asp:BoundField>
    <asp:BoundField DataField="Apparaat" HeaderText="Apparaat" 
        SortExpression="Apparaat" />
    <asp:TemplateField AccessibleHeaderText="Geen" HeaderText="Geen trans" HeaderStyle-CssClass="VerticalHeader" ItemStyle-Width="1%" ItemStyle-Wrap="false" HeaderStyle-Width="1%" HeaderStyle-Wrap="false" HeaderStyle-HorizontalAlign="Left" >
        <ItemTemplate>
            <asp:CheckBox ID="cbNoTransport" runat="server" AutoPostBack="true" OnCheckedChanged="cbNoTransport_OnCheckedChanged"/>
        </ItemTemplate>
        <ItemStyle Width="5%" />
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Lijn dienst" HeaderStyle-CssClass="VerticalHeader">
        <ItemTemplate>
            <asp:CheckBox ID="cbNoTransport" runat="server" AutoPostBack="true" OnCheckedChanged="cbNoTransport_OnCheckedChanged" />
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Intercity" HeaderStyle-CssClass="VerticalHeader">
        <ItemTemplate>
            <asp:CheckBox ID="cbNoTransport" runat="server" AutoPostBack="true" OnCheckedChanged="cbNoTransport_OnCheckedChanged"/>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:BoundField DataField="Appendage" HeaderText="Appendage" 
        SortExpression="Appendage" />
    <asp:BoundField DataField="Leiding" HeaderText="Leiding" 
        SortExpression="Leiding" />
    <asp:BoundField DataField="user_added" HeaderText="user_added" 
        SortExpression="user_added" />
    <asp:BoundField DataField="DTPrinted" HeaderText="DTPrinted" 
        SortExpression="DTPrinted" >
    </asp:BoundField>
    <asp:BoundField DataField="DTUpdated" HeaderText="DTUpdated" 
        SortExpression="DTUpdated" />
</Columns>
    <HeaderStyle HorizontalAlign="Left" Wrap="False" />
    <RowStyle HorizontalAlign="Left" Wrap="False" />

EDITED with code of gridview.

Can anyone help me with this?

Answer 1

What about adding "px" as pixel or "%" to the width amount? Like:

ItemStyle-Width="10px" HeaderStyle-Width="10px"

I suppose that unit of measure is needed.