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 :

<asp:GridView ID="GridView1" AutoGenerateEditButton="True" 
ondatabound="gv_DataBound" runat="server" DataSourceID="SqlDataSource1"
AutoGenerateColumns="False">

<Columns>
                <asp:BoundField HeaderText="UserId" 
                DataField="UserId" 
                SortExpression="UserId"></asp:BoundField>

                <asp:BoundField HeaderText="Username" 
                DataField="Username" 
                SortExpression="Username"></asp:BoundField>

                <asp:BoundField HeaderText="UserInfo" 
                DataField="UserInfo" 
                SortExpression="UserInfo"></asp:BoundField>

                </Columns>
</asp:GridView>

Looking for suggestions on how I can set the width of a specific column, which is my UserInfo column.

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

Width can be set to specific column as below: By percentages:

<asp:BoundField HeaderText="UserInfo"  DataField="UserInfo"  
SortExpression="UserInfo" ItemStyle-Width="100%"></asp:BoundField>

OR

By pixel:

<asp:BoundField HeaderText="UserInfo"  DataField="UserInfo"  
SortExpression="UserInfo" ItemStyle-Width="500px"></asp:BoundField>

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

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

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

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

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

The answer is

Examples related to c#

Examples related to asp.net

Examples related to gridview

Tags