ASP NET Setting width of DataBound column in GridView

Question

I have a GridView which uses BoundField for columns  I am trying to set a maxwidth for my UserInfo column   I have tried many many ways but non of them work  Below is the code for my GridView     lt asp GridView ID  GridView1  AutoGenerateEditButton  True   ondatabound  gv DataBound  runat  server  DataSourceID  SqlDataSource1  AutoGenerateColumns  False  gt    lt Columns gt                   lt asp BoundField HeaderText  UserId                   DataField  UserId                   SortExpression  UserId  gt  lt  asp BoundField gt                    lt asp BoundField HeaderText  Username                   DataField  Username                   SortExpression  Username  gt  lt  asp BoundField gt                    lt asp BoundField HeaderText  UserInfo                   DataField  UserInfo                   SortExpression  UserInfo  gt  lt  asp BoundField gt                    lt  Columns gt   lt  asp GridView gt    Looking for suggestions on how I can set the width of a specific column  which is my UserInfo column

User · Answer

add HeaderStyle in your bound field        lt asp BoundField HeaderText  UserId                  DataField  UserId                   SortExpression  UserId  gt                    lt HeaderStyle Width  200px    gt    lt  asp BoundField gt

User · Answer

lt asp GridView ID  GridView1  AutoGenerateEditButton  True   ondatabound  gv DataBound  runat  server  DataSourceID  SqlDataSource1  AutoGenerateColumns  False  width  600px  gt    lt Columns gt                   lt asp BoundField HeaderText  UserId                   DataField  UserId                   SortExpression  UserId  ItemStyle-Width  400px  gt  lt  asp BoundField gt      lt  Columns gt   lt  asp GridView gt

User · Answer

hey recently i figured it out how to set width if your gridview databound with sql dataset first set these control RowStyle-Wrap  false  HeaderStyle-Wrap  false  and then you can set the column width as much as you like  ex   ItemStyle-Width  150px  HeaderStyle-Width  150px

User · Answer

Width can be set to specific column as below  By percentages     lt asp BoundField HeaderText  UserInfo   DataField  UserInfo    SortExpression  UserInfo  ItemStyle-Width  100   gt  lt  asp BoundField gt    OR  By pixel    lt asp BoundField HeaderText  UserInfo   DataField  UserInfo    SortExpression  UserInfo  ItemStyle-Width  500px  gt  lt  asp BoundField gt

User · Answer

This is going to work for all situations while working with width     lt asp TemplateField HeaderText  DATE  gt      lt ItemTemplate gt      lt asp Label ID  Label1  runat  server  Text   lt    Bind  date     gt   Width  100px  gt  lt  asp Label gt      lt  ItemTemplate gt     lt  asp TemplateField gt

User · Answer

I did a small demo for you  Demonstrating how to display long text    In this example there is a column Name which may contain very long text  The boundField will display all content in a table cell and therefore the cell will expand as needed  because of the content   The TemplateField will also be rendered as a cell BUT it contains a div which limits the width of any contet to eg 40px  So this column will have some kind of max-width        lt asp GridView ID  gvPersons  runat  server  AutoGenerateColumns  False  Width  100px  gt           lt Columns gt               lt asp BoundField HeaderText  ID  DataField  ID    gt               lt asp BoundField HeaderText  Name  long   DataField  Name  gt                   lt ItemStyle Width  40px  gt  lt  ItemStyle gt               lt  asp BoundField gt               lt asp TemplateField HeaderText  Name  short   gt                   lt ItemTemplate gt                       lt div style  width  40px  overflow  hidden  white-space  nowrap  text-overflow  ellipsis  gt                           lt    Eval  Name     gt                       lt  div gt                   lt  ItemTemplate gt               lt  asp TemplateField gt           lt  Columns gt       lt  asp GridView gt      Here is my demo codeBehind   public partial class gridViewLongText   System Web UI Page         protected void Page Load object sender  EventArgs e                   region init and bind data          List lt Person gt  list   new List lt Person gt              list Add new Person 1   Sam              list Add new Person 2   Max              list Add new Person 3   Dave              list Add new Person 4   TabularasaVeryLongName              gvPersons DataSource   list           gvPersons DataBind              endregion             public class Person         public int ID   get  set         public string Name   get  set          public Person int  ID  string  Name                  ID    ID           Name    Name

[c#] ASP.NET Setting width of DataBound column in GridView

Examples related to c#

Examples related to asp.net

Examples related to gridview