Rows

Row Pinning

LyteNyte Grid supports pinning rows to the top and bottom of the viewport. These pinned rows remain visible regardless of the grid's scroll position, making them ideal for highlighting important data or displaying summary information.

Setting Pinned Rows

LyteNyte Grid uses the configured rowDataSource to determine which rows to pin at the top and bottom of the grid. The implementation details vary depending on which row data source you're using. Below is a basic example using the client row data source.

Pinned Rows

TODO

TODO;

For more detailed information on pinning rows with specific data sources, refer to these guides:

Client Row Data Source
Server Row Data Source
Tree Row Data Source

If you're using the Core edition of LyteNyte Grid, you can set pinned data rows directly through the grid's data source property:

const grid = useLyteNyte({
    rowDataSource: {
        kind: "client",
        topData: [ ... ],
        bottomData: [ ... ]
    }
})