jqGrid without header

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 开发者_StackOverflowfar, I have come up with no solution. Is there any way to do this?

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();

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.

This works:

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

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.

This code works for me for jqGrid version 5.7

var tableId = document.getElementById('gridTablId').getAttribute("aria-labelledby");
document.querySelector("#" + tableId + " .ui-jqgrid-htable thead").style.display = "none";

There is an option for this: hidegrid: false

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