Data Operations guide

Pinning data grid documentation

Pinning keeps one or two key columns or rows visible while the rest of the grid scrolls around them.

What it means

Pinning keeps one or two key columns or rows visible while the rest of the grid scrolls around them.

When to use it

Use it for important identifier columns, status columns, totals, or a few summary rows that users constantly refer back to. Skip it when the pinned area would become so large that it starts squeezing the main scannable content.

Implementation notes

Pin only what users truly depend on during navigation. Re-check pinning in smaller viewports; a good desktop pinning choice can become cramped on narrower screens.

Relevant API

Start with pinning.isRowPinning, pinning.isColPinning, pinning.pinnedColumns, pinning.pinnedRows, pinning.onPinColumn, pinning.onPinColumnAtPosition, pinning.onPinAndPositionColumn, pinning.onPinnedColumnReorder. Open the live API reference for types and defaults.