Question

I am using jqGrid in various places throughout a web app. I want to use specified column widths (which I don’t want to be changed to avoid wrapping/text cut off) and if the total of the column widths for a particular grid goes over the page width I want a scroll bar to appear on the grid, not on the page. Is this possible with jqGrid options, or would some extra javascript be required as I haven’t been able to get this behaviour.

Answer 1

You can limit the width of the grid by setting it’s width option (also remember you need to set shrinkToFit: false in your options), for example:

$('#gridId').jqGrid({
    ...
    shrinkToFit: false,
    width: $(document).width()
});

This can also be changed dynamically (for example on page resize) with setGridWidth method:

$('#gridId').jqGrid('setGridWidth', $(document).width())