Column pinning
Pin columns to the left or right for improved data visibility while scrolling.
Example
Id
Name
Price Retail
Category
1
Generic Cotton Gloves
503.84
Electronics
2
Handmade Cotton Chair
215.22
Beauty
3
Sleek Silk Fish
16.52
Beauty
4
Fantastic Silk Cheese
431.84
Sports
5
Unbranded Concrete Soap
183.1
Sports
6
Handcrafted Wooden Ball
151.93
Sports
7
Incredible Rubber Table
49.5
Clothing
8
Tasty Plastic Pizza
647.13
Electronics
9
Handmade Rubber Salad
237.22
Clothing
10
Practical Wooden Sausages
230.67
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}