Asp.net Grid Control

Vasanth Natarajan

10y824.NET

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

5 Replies

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

Rajeesh Menoth10y ago
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 Natarajan10y ago
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++) {
rows[i].cells[col_num].style.display = "none";
}
but i received the following error
TypeError: document.getElementById(...) is null
Rajeesh Menoth10y ago
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++){
rows[i].cells[col_num].style.display="none";
}
}
Reference :
http://forums.asp.net/t/1264178.aspx?hide+gridview+columns+using+javascript
Vasanth Natarajan10y ago
thank you but this is not working, every time i get the null gridviewrows value but i have value in dataset.
Avikshith Aradhya10y ago
Please refer below code,
"text/javascript">
functionhideGridViewColumn(){
vargridviewrows=$("#GridView1tbodytr");
for(vari=0;i
gridviewrows[i].cells[1].style.display="none";
}
returnfalse;
};

instead of cells[1] you can use your column number.