jqGrid without header

Question

I have tried to figure out how to disable the header for a jqGrid, so that the row containing the column names does not show. So far, I have come up with no solution. Is there any way to do this?

Answer 1

This works:

var grid = $("#GRID_NAME");
var gview = grid.parents("div.ui-jqgrid-view");
gview.children("div.ui-jqgrid-hdiv").hide();

Answer 2

Not sure why no-one has come up with the CSS solution yet...

.ui-jqgrid-hdiv {
  display:none !important;
}

You can scope it using a wrapper container for a single instance if you have other grids that shouldn't be affected.

Answer 3

I don't see that the plugin gives you any options for this, but you could simply find and hide the container for the header.

...set up grid...

$('.ui-jqgrid-hdiv').hide();

Answer 4

Omitting the 'caption' property hides the header.

Very late I know, but for someone still wanting to know. This was found after looking through the source.

Answer 5

There is an option for this: hidegrid: false

look at following Is it possible to remove the expand/collapse button from the jqGrid header?