Search code examples
cssjqgridjqgrid-asp.netjqgrid-formatter

jQgrid 100% width

I have tried following code for 100% width of my jQgrid.

height: "100%",
autowidth: true,

And I have changed css - from fixed layout to auto (reference from another thread) to avoid unnecessary horizontal bar.

.ui-jqgrid .ui-jqgrid-htable {
   table-layout: auto;
   margin: 0em;
}

and 

.ui-jqgrid .ui-jqgrid-btable {
   table-layout: auto;
   margin: 0em;
   outline-style: none;
}

Now issue of horizontal bar is solved but I'm facing new issue in layout which is highlighted in the attached image.

What can I do to avoid this header width mismatch?

Click here for image.

Solution

  • I have tried a lot but and even upgraded my jqGrid but it was not working. Still recently I tried latest(from GitHub - build date - 11/07/17) jqGrid and it resolved my issue..