Scrollbars appear on their own when height/ width of content is more than grid display area. Scrollbars can'be forced to appear otherwise.
Grid has 2 type of settings:
height/ width: flex ( grid expands so as to display all content without scrollbars )
height / width: number ( fixed dimensions, so scrollable area )
Since you need scrollable grids, all you have to do is set fixed height/ width of either the individual grids
options = {
width: 400,
height: 400,
...
}
pq.grid( selector, options )
or all grids at once ( by overriding default options of the grid ).
$.paramquery.pqGrid.defaults.height = 400
$.paramquery.pqGrid.defaults.width = 400