New to KendoReact? Start a free 30-day trial
Locked Columns
Locked (frozen, sticky or pinned) columns are the columns that are visible at all times while the user scrolls the Grid horizontally.
By default, the columns of the Grid are not locked. The locked columns require all columns to have a fixed width.
Change Theme
Theme
Loading ...
Locked Columns With Column Menu
The columnMenu can be used to render buttons that will lock and unlock a specific column on click.
In the following example we:
- Render a custom component inside the column menu that will lock and unlock the column.
- Update the columns collection when a column is locked/unlocked.
- Sort them by the
locked
field to show all locked columns on the left.
Change Theme
Theme
Loading ...
Locked Column With Custom Cell
When using the pinned columns with a custom data cell the specific styles and classes have to be added to the td
elements. The classes and the styles will be part of the cell props.
Change Theme
Theme
Loading ...