How to fix Gridview column width

Question

0.00/5 (No votes)

See more:

I fixed the Gridview column width in RowDataBound event. But sometimes when data is big then the size of the column increase.Please help me.

C#

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
   {
       if (e.Row.RowType == DataControlRowType.DataRow)
       {

            e.Row.Cells[0].Width = 100;
            e.Row.Cells[1].Width = 170;
            e.Row.Cells[2].Width = 52;
            e.Row.Cells[3].Width = 52;
            e.Row.Cells[4].Width = 60;
        }

source code:

XML

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"
CssClass="mGrid"
onrowdatabound="GridView1_RowDataBound"><Columns>
<asp:BoundField DataField="cMainCategory" HeaderText="Main Category" />
 <asp:BoundField DataField="cDes" HeaderText="Item Description" />
 <asp:BoundField DataField="nCom" HeaderText="Cons." />
 <asp:BoundField DataField="nWst" HeaderText="Wstg" />
 <asp:TemplateField HeaderText="Actual Cons">
 <ItemTemplate>
 <asp:TextBox ID="txtActcons" runat="server" CssClass="textboxforgridview"
MaxLength="10" Width="55px"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="txtActcons_FilteredTextBoxExtender"
runat="server" Enabled="True" TargetControlID="txtActcons" ValidChars=".0123456789">
</asp:FilteredTextBoxExtender>
</ItemTemplate>
</asp:TemplateField>

</Columns>
<HeaderStyle BackColor="#007CB9" ForeColor="White" />
<RowStyle Font-Names="Verdana" Font-Size="10px" />
</asp:GridView>

Posted 24-Aug-15 18:18pm

Sumon562

Updated 12-Jul-22 4:35am

v2

Add a Solution

Comments

Maciej Los 25-Aug-15 2:37am

Why do you want to set constant width for gridview columns? Do not force user to change screen size, resolution, etc.!

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Arasappan · Answer 1 · 2015-08-24T19:05:00

C#

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
   {
       if (e.Row.RowType == DataControlRowType.DataRow)
       {


           e.Row.Cells[0].Width = new Unit("100px");
             e.Row.Cells[1].Width = new Unit("170px");
            e.Row.Cells[2].Width = new Unit("52px");
            e.Row.Cells[3].Width =  new Unit("60px");

        }
}

Abhishek Kumar Goswami · Answer 2 · 2015-08-24T20:34:00

Solution 3

check this once.

http://forums.asp.net/t/1344016.aspx?How+do+I+fix+the+gridview+column+width+

Posted 24-Aug-15 20:34pm

Abhishek Kumar Goswami

Updated 24-Aug-15 20:35pm

v2

Maciej Los · Answer 3 · 2015-08-24T20:42:00

Please, read my comment to the question. I explained why i do not recommend to use fixed size of gridview columns.

One way to force the same column width is to set text length. Have a look here: How do I fix the gridview column width?[^]

How to: Set GridView Web Server Control Column Width Dynamically[^] - To set column width based on data contents - section.

Satyabra Mahapatra · Answer 4 · 2022-07-12T04:35:00

Solution 5

Please use % instead. Ex. HeaderStyle Width="10%" ItemStyle Width="10%", like this for all the columns you have.

Posted 12-Jul-22 4:35am

Satyabra Mahapatra

How to fix Gridview column width

4 solutions

Solution 2

Solution 3

Solution 4

Solution 5

Add your solution here

Preview 0