Question

Is it possible to create a grid with;

rowNum: 20,
height: “100%”

so that if grid has 10 items and a new item is added, the grid will grow by one row. repeat this till it gets to 20 rows, and then display vertical scrollbar to view 20+ items.

Answer 1

You can do this with css and a max-height attribute. The max-height needs to be (20*rowHeight).

for example, on this page run the following code in the console:

$('.ui-jqgrid-bdiv').css({height: 'auto', 'max-height': 300});

Selecting the overflow container, remove the static height, set a max height. Just change the 300 to whatever height 20 rows is. I would see if you can define this in a style sheet.