Empty rows with different height than grid rowHeight

[imkitukov]

Hey, I need to have the option to use special filler rows(at least visually) to have gaps between grid rows (check the attached picture).

I tried an approach using value and columns DSG props, where basically those 'filler' rows have special row value (rowData contains rowType: filler and height) and then each column component has the ability to be regulat or 'filler' cell based on rowData.rowType.
The problem is that even I try to set 'filler' cell style to have a certain height (the one from rowData) it turns out DSG rows cant have rows with different heights. Is that correct or I am missing something? Is this doable only with css?

I hope you can suggest another approach as this library looks awesome, but this could be a deal breaker for our project.

[nick-keller]

Hey,
It is not documented but you can use a function as your rowHeight, the function should return the height of the row ((opt: { rowData: T; rowIndex: number }) => number

<DataSheetGrid
    rowHeight={({ rowData }) => rowData.isFiller ? 5 : 40}
/>