Pinned Columns

A grid column can be pinned to the table's start or end, where it stays in view while the other columns scroll sideways — a record's name at the start, a figure or an actions column at the end. Pin a column with Pin (pin in React); users pin and unpin columns from each column's menu, and the grid keeps their choice in the URL with the rest of its state.

Accounts with Pinned Columns

The account's name is pinned to the start and its revenue to the end. Scroll the table sideways and both stay in view while the columns between them pass under them. Open any column's menu to pin it to the start or the end, or to unpin it; drag a header among the pinned columns to pin it as they are. The pins you choose are kept in the URL, so reloading the page or sharing the link keeps them.

React example Blazor example React TypeScript Razor