Row Full Width

LyteNyte Grid lets you create full width rows that span the entire viewport width of the grid. These rows contain a single cell instead of the typical cell-per-column layout.

Creating Full Width Rows

Determine which rows should appear full-width by setting the rowFullWidthPredicate property in grid state. This property accepts a function that identifies which rows should span the full width.

Since full width rows don't belong to any column, you need to provide a React component through the rowFullWidthRenderer property to display content in these full-width cells.

TODO;

Full width rows always span the entire width of the grid's viewport and remain visible as users scroll horizontally. They're particularly useful for creating section headers, summary rows, or specialized content areas within your grid.