Column pinning
Pin columns to the left or right for improved data visibility while scrolling.
Example
Id
Name
Price Retail
Category
1
Gorgeous Ceramic Chips
1258.26
Electronics
2
Rustic Bamboo Bike
679.4
Electronics
3
Handcrafted Bronze Sausages
495.64
Home & Garden
4
Elegant Gold Salad
358.42
Clothing
5
Rustic Wooden Shirt
94.19
Beauty
6
Sleek Ceramic Bike
82.94
Beauty
7
Oriental Bronze Towels
16.59
Beauty
8
Refined Bamboo Keyboard
126.46
Clothing
9
Incredible Bamboo Pants
272.39
Sports
10
Soft Silk Ball
392.64
Beauty
Per page:
Page 1 of 100
Showing
1
to
10
of 1000 rows
{#each datagrid.columns.getLeafColumnsInOrder() as column}
{@render LeafHeader(column)}
{/each}
{#each datagrid.rows.getPaginatedRows() as row}
{#each datagrid.columns.getLeafColumnsInOrder() as column}
{#if !row.isGroupRow()}
{/each}
{getCellContent(column, row.original)}
{:else}{/if}
{/each}
{column.header}
{#if column.options.pinnable}