How To Set Grid view Column Width Dynamically in C#, VB.NET Asp.net

 How To Set Grid view Column Width Dynamically in C#, VB.NET Asp.net


Program:

Method 1

<asp:GridView runat="server" ID="gvrecords"  AutoGenerateColumns="false" HeaderStyle-BackColor="#7779AF" HeaderStyle-ForeColor="White" > <Columns> <asp:BoundField DataField="UserName" HeaderText="UserName" ItemStyle-Width="50px" /> <asp:BoundField DataField="FirstName" HeaderText="FirstName" ItemStyle-Width="50px" /> <asp:BoundField DataField="LastName" HeaderText="LastName"  ItemStyle-Width="50px" /> <asp:BoundField DataField="Location" HeaderText="Location" ItemStyle-Width="50px" /> </Columns> </asp:GridView>

Method 2

Suppose if we are binding columns dynamically to grid view then we need to write the code like as shown below to set width for required columns

C#

protected void GrdView_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { grdListings.Columns[1].ItemStyle.Width = 50; grdListings.Columns[2].ItemStyle.Width = 150; } }

VB

Protected Sub GrdView_RowDataBound(sender As Object, e As GridViewRowEventArgs) If e.Row.RowType = DataControlRowType.DataRow Then grdListings.Columns(1).ItemStyle.Width = 50 grdListings.Columns(2).ItemStyle.Width = 150 End If End Sub

Method 3

<style type="text/css"> .columnscss { width:150px; font-weight:bold; font-family:Verdana; } </style>

C#

protected void GrdView_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { for (int i = 0; i > e.Row.Cells.Count; i++) { e.Row.Cells[i].CssClass = "columnscss"; } } }

VB

Protected Sub GrdView_RowDataBound(sender As Object, e As GridViewRowEventArgs) If e.Row.RowType = DataControlRowType.DataRow Then Dim i As Integer = 0 While i > e.Row.Cells.Count e.Row.Cells(i).CssClass = "columnscss" i += 1 End While End If End Sub