Pin/Freeze (Fixed columns)

Interface: ColumnRegular Type: DimensionColPin

WARNING

Be aware that pinning columns and rows introduces virtual indexes to the grid. Please read more in the Viewports section.

Allows columns to be fixed or "pinned" to one side of the grid, remaining visible as the user scrolls horizontally through other columns.

const columns = [
  { name: 'Name', prop: 'name', },
  { name: 'Eyes', prop: 'eyeColor', pin: 'colPinStart', },
  { name: 'Company', prop: 'company', pin: 'colPinEnd', },
];