jqGrid horizontal scrollbar
i adjusted ui.grid.css because i did not need a horizontal scrollbar at all. i did this:
.ui-jqgrid .ui-jqgrid-bdiv { position: relative; margin: 0em; padding:0; /*overflow: auto;*/ overflow-x:hidden; overflow-y:auto; text-align:left;}
the commented was how it was, i just used overflow-x to hide the horizontal scrollbar and now all is fine with me.
There are some situations where jqGrid calculate the grid width incorrect. You can try to increase cellLayout
parameter (see http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options). This may be needed if you change some CSS from jqGrid.
In some other situations you can correct the width with respect of the function fixGridWidth
or fixGridSize
which I have described in Correctly calling setGridWidth on a jqGrid inside a jQueryUI Dialog. Don't forget, that you should use it inside of loadComplete
.
Set an explicit width
on the grid and use
autowidth: false,shrinkToFit: true