Asp.net Grid Control

Question

i need to hide gridview columns using javascript ....... how do i ?

Rajeesh Menoth · Answer

Hi Vasanth Make sure the script is placed in the bottom of the BODY element of the document you're trying to manipulate not in the HEAD element or placed before any of the elements you want to get. Reference : http://stackoverflow.com/questions/13885533/it-says-that-typeerror-document-getelementbyid-is-null http://stackoverflow.com/questions/2632137/why-is-document-getelementbyid-returning-null

Vasanth Natarajan · Answer

Thank you rajeesh function myfun() { col_num = 2; //column ID rows = document.getElementById(dgAccount).rows; //dgAccount is my datagrid for (var i = 0; i rows[i].cells[col_num].style.display = none; } but i received the following error TypeError: document.getElementById(...) is null

Rajeesh Menoth · Answer

Hi Try this.. JavaScript > function hideColumn() { col_num = document.getElementById( column_numbder ).value; rows = document.getElementById( myGridView ).rows; for (var i=0;i rows[i].cells[col_num].style.display= none ; } } Reference : http://forums.asp.net/t/1264178.aspx?hide+gridview+columns+using+javascript

Vasanth Natarajan · Answer

thank you but this is not working every time i get the null gridviewrows value but i have value in dataset.

Avikshith Aradhya · Answer

Please refer below code text/javascript > function hideGridViewColumn(){ var gridviewrows=$( #GridView1tbodytr ); for ( var i=0;i gridviewrows[i].cells[1].style.display= none ; } return false ; }; instead of cells[1] you can use your column number.