Column pinning
Pin columns to the left or right for improved data visibility while scrolling.
Example
Id
Name
Price Retail
Category
1
Electronic Concrete Cheese
35.04
Clothing
2
Small Steel Sausages
419.74
Beauty
3
Licensed Silk Table
347.56
Beauty
4
Tasty Marble Fish
432.39
Sports
5
Soft Concrete Pants
107.54
Home & Garden
6
Luxurious Ceramic Pizza
229.65
Home & Garden
7
Bespoke Aluminum Salad
207.15
Home & Garden
8
Handmade Wooden Hat
167.68
Sports
9
Modern Plastic Pants
456.36
Clothing
10
Modern Plastic Fish
45.59
Sports
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}