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?

score 17 · Accepted Answer · answered Mar 23 '10 at 14:26

17

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

answered Mar 23 '10 at 14:26

tvanfosson

524,688
99
697
795

score 16 · Answer 2 · edited Mar 11 '14 at 21:10

16

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.

edited Mar 11 '14 at 21:10

dragonroot

5,653
3
38
63

answered May 15 '11 at 18:10

Pieter

2,188
20
27

1

Like this much better than abusing JavaScript – afreeland Sep 11 '12 at 19:13
1

This answer is wrong. The question was not about hiding the caption but how to hide the column's names. The accepted answer is the correct. – Pavlos Papanikolaou Jun 24 '15 at 14:12
@PavlosPapanikolaou I agree with your comment. After testing it on jsFiddle it no longer works. Not too sure now whether I misunderstood the question in the first instance or whether there was a bug that had been fixed since. – Pieter Jul 08 '15 at 16:42

score 2 · Answer 3 · answered Jul 19 '12 at 20:42

2

This works:

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

answered Jul 19 '12 at 20:42

utsavized

126
2

score 1 · Answer 4 · answered Nov 07 '13 at 15:45

1

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.

answered Nov 07 '13 at 15:45

Whelkaholism

1,551
3
18
28

IMHO this is the best solution – Souhaieb Besbes Jun 07 '16 at 09:42

score 0 · Answer 5 · answered May 16 '22 at 10:04

0

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";

answered May 16 '22 at 10:04

Sakthikanth

139
7

score -1 · Answer 6 · edited May 23 '17 at 12:30

-1

There is an option for this: hidegrid: false

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

edited May 23 '17 at 12:30

Community

1
1

answered Jul 12 '11 at 06:39

imdadhusen

2,493
7
40
75

This does not solve my problem. According to the jqGrid documentation, the hidegrid option "Enables or disables the show/hide grid button, which appears on the right side of the Caption layer. Takes effect only if the caption property is not an empty string." – Tore Jul 14 '11 at 08:44

jqGrid without header

6 Answers6

Linked