jQuery Grid Plugin - jqGrid - Topic: Hide a particular column

OlegK on Hide a particular column

Sun, 19 Jun 2011 13:23:19 +0300

Hidding is not the same as removing. If you have for example data like {id:5,total:10,free:20,used:30,percentage:40} you will recive the row in the table like

If you just remove the id column from the colModel you will have

So the data which will be produced on the page will smaller and you will not have the duplicates of the information. As the rowid will be used the id of the <tr> element and the contain of the hidden id column will never used.

So I recommend you better just remove the id column from the colModel. (See my answer on the same your question on the stackoverflow.com)

Best regards
Oleg

Bugzee on Hide a particular column

Sun, 19 Jun 2011 12:58:34 +0300

There's "hidden" in the colmodel options. Set it to true and see... I haven't done it on local data though...

http://www.trirand.com/jqgridw.....el_options

abhisheksimion on Hide a particular column

Sat, 18 Jun 2011 14:03:29 +0300

In order to select current row, i will need an id but i dont want it to be displayed in my table, how to hide it, Here is my full code

var i=0;
var filesystem=[];
$(xml).find('file').each(function(){
var row={};
row.id=i++;
row.total=$(this).attr('total');
row.free=$(this).attr('free');
row.used=$(this).attr('used');
row.percentage=$(this).attr('percentage');
filesystem.push(row);
});

$('#detailTable').empty();
$('<div width="100%">')
.attr('id','diskUsageSpan')
.html('<divclass="titleBlue">Configuration>System>Disk Usage</div>'+
'<table id="list1" width="100%"></table>'+
'<div id="gridpager"></div>'+
'</div>')
.appendTo('#detailTable');

jQuery("#list1").jqGrid({
datatype: "clientSide",
height: 250,
colNames:['id','Total Space','Free Space', 'Used Space', 'Used Percentage'],
colModel:[
{name:'id',index:'id', width:90, align:"right"},
{name:'total',index:'total', width:90, align:"right"},
{name:'free',index:'free', width:90, align:"right"},
{name:'used',index:'used', width:90, align:"right"},
{name:'percentage',index:'percentage', width:120, align:"right"}
],
pagination:true,
pager : '#gridpager',
rowNum:10,
scrollOffset:0,
height: 'auto',
autowidth:true,
viewrecords: true,
gridview: true,
edit:false,
add:false,
del:false

});

for(var i=0;i<filesystem.length;i++)
jQuery("#list1").jqGrid('addRowData',i+1,filesystem[i]);

jQuery("#list1").setGridParam({rowNum:10}).trigger("reloadGrid");