How can i change column size using javascript

Aparna Sharma

12y1.4k.NET

How can i (1) check header present in gridview through class name using JavaScript (2) if CheckBox present in header in GridView then change the column width,with the help of class name using JavaScript (3)if checkbox not present in header then change column width with the help of class name using Javascript.

Here is code:

Panel">//class name to check header present or not

CssClass="btn" />

OnRowCommand="GrdVacancies_RowCommand" CssClass="table table-bordered table-striped table-hover" AllowPaging="true" OnPageIndexChanging="GrdVacancies_PageIndexChanging" PageSize="10"
AllowSorting="true" OnSorting="GrdVacancies_Sorting"> //class name to set column width when checkbox present in header

Style="float: left" ClientIDMode="Static" />

CommandName="Edit2">

JavaScript code:

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Aparna Sharma12y ago
Hi Sir,

Thanks for this code but it is not helpful for me.
because I need to change that column width in which checkbox present using javascript and jQuery only.

Thanks
Thamilselvan Jagadeesan12y ago
Hi Aparna Sharma,

Please refer the below article how to set the gridview column/header width by using c# in gridview rowdatabound event.

http://dotnetgallery.com/kb/resource69-Set-Gridview-column-width-dynamically-using-C.aspx

Thanks.