Table
Themed data table built on TanStack — slots for toolbar, side panel, empty/error/loading; inline editing, filtering, resize, persistence, virtualization, resource-backed data.
Import
#importAdd the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.
import { KjTableComponent } from '@kouji-ui/components';Playground
#playground| Name | Role | |
|---|---|---|
| Alice Chen | alice@example.com | admin |
| Bob Diaz | bob@example.com | editor |
| Carol Evans | carol@example.com | viewer |
| Dan Fischer | dan@example.com | editor |
| Eve Garcia | eve@example.com | admin |
| Frank Hunt | frank@example.com | viewer |
density
variant
page size
<kj-table
[kjData]="rows"
[kjColumns]="cols"
kjDensity="standard"
kjVariant="bordered"
[kjPageSize]="'all'"
/>