Column width in 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; }

Azhar Mansuri · Accepted Answer · 2012-12-07 12:10:07Z

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.

answered Dec 7, 2012 at 12:10

Azhar Mansuri

7051 gold badge7 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user1859309 Over a year ago

the total width of the gridview is not set. I understand that it is overkill to set the width in several places, but I just kept trying new settings as nothing works.

Azhar Mansuri Over a year ago

Please remove the width from all the places. Replace your code from <ItemStyle HorizontalAlign="Right" Width="100px" /> to <ItemStyle Width="100px" />. Remove HorizontalAlign="Right" in your item style.

user1859309 Over a year ago

Thanks Azhar. I have made the changes you suggested, but the problem still remained. until I also changed ItemStyle-Wrap="False"

Rashedul.Rubel · Accepted Answer · 2012-12-07 13:23:51Z

0

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.

answered Dec 7, 2012 at 13:23

Rashedul.Rubel

3,62928 silver badges39 bronze badges

2 Comments

user1859309 Over a year ago

I don't want the text to be wrapped or truncated. I just want the column to be wide enough to dispaly the 5 - 8 characters stored in the field. Are there any column tags that you suggest apart from the ones I have tried?

Rashedul.Rubel Over a year ago

i think if you set column width like <column style="width:10px"></column> then it should work

Collectives™ on Stack Overflow

Column width in gridview

2 Answers 2

3 Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Related