Learn how to set Row Heights when using the Server-side Row Model.
Dynamic Row Height
To enable Dynamic Row Height when using the Server-side Row Model you need to provide an implementation for the 'getRowHeight' Grid Options property. This is demonstrated in the example below:
Auto Row Height
To have the grid calculate the row height based on the cell contents, set
on columns that require variable height. The grid will calculate the height once when the data is loaded
into the grid.
This is different to the Client-side Row Model where the grid height can be changed. For Server-side Row Model the row height cannot be changed once it is set.
In the example below, the following can be noted:
- All top level groups are the same height.
- All bottom level rows are auto-sized based on the contents of the Auto A, Auto B and Auto C columns.
- All columns with auto-size have CSS
white-space: normalto wrap the text.
Continue to the next section to learn how to combine Master Detail with the Server-side Row Model.