How to set overflow auto on grid headers in jqgrid

Question

If jqgrid is empty overflow:auto is not applying on headers but if records are in jqgrid overflow:auto is working on both records and headers.

How to set horizontal scrollable in jqgrid as common on both headers and on row data, with records without records.

Header Columns are cut off when columns are more than 6, here overflow is not working.

Below is the image for jqgrid without records.

Below is the image for Jqgrid with records. here overflow (horizontal scrolling) is working as common on both headers and row data.

Answer 1

Here is some ways to solve your problems, change css:

table.ui-jqgrid-btable { height: 1px; padding-bottom: 1px;}

And if you don't want scrollbar you can do this:

In jqGrid definition set autowidth: true, scrollOffset:0,.