GridView中的列宽

Question

So I have tried to define the width of the template field in 7 places ( ControlStyle-Width , ItemStyle-Width , HeaderStyle-Width , ControlStyle Width , ItemStyle Width , TextBox Width and finally in a css ), but it still wraps the content ("1400 kr"). What is the matter here?

               <asp:TemplateField HeaderText="Totalt" ControlStyle-Width="100" ItemStyle-Width="100" ItemStyle-Wrap="True" HeaderStyle-Width="100" ControlStyle-CssClass="wide">
                  <ItemTemplate>
                        <asp:TextBox ID="tbTotalPrice" runat = server ReadOnly="true" Width="100px"></asp:TextBox>               
                    </ItemTemplate>
                    <ControlStyle Width="100px" />
                    <ItemStyle HorizontalAlign="Right" Width="100px" />
                </asp:TemplateField>

the style sheet:

.wide {
    width: 120px;
    column-width: 120px;
}

Answer 1

Make sure that you didn't give the total width of the Gridview. If you had given total width of the Gridview then remove it.

Also there is no need to give class for Item Template as you had already defined the manual column width.

Answer 2

use column tags instead of ItemTemplate tags and then set column width. you also can use style="white-space: nowrap;overflow: hidden;" which will truncate the text if it is larger than column width. You can use style="overflow: hidden;" if you want your text to be wrapped.