Documentation

Column Pinning

Column pinning (also known as freezing or sticking) allows you to keep important columns visible while horizontally scrolling through wide tables, making it easier to maintain context.

Basic Implementation

To pin columns, simply add the pinned property to your header objects:

React TSX

Copy

Pinning Options

pinned: "left": Pin the column to the left side
pinned: "right": Pin the column to the right side

Previous: Column Visibility Next: Column Alignment