DataGrid
DataGrid Component
Playground
| Name | Role | |
|---|---|---|
| Alice | [email protected] | Admin |
| Bob | [email protected] | Editor |
| Charlie | [email protected] | Viewer |
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| striped | boolean | — | |
| bordered | boolean | — |
Default
| Name | Role | |
|---|---|---|
| Alice | [email protected] | Admin |
| Bob | [email protected] | Editor |
| Charlie | [email protected] | Viewer |
Sortable
| Name ▲ | Email ▲ | Role ▲ |
|---|---|---|
| Alice | [email protected] | Admin |
| Bob | [email protected] | Editor |
| Charlie | [email protected] | Viewer |
Striped
| Name | Role |
|---|---|
| Alice | Admin |
| Bob | Editor |
| Charlie | Viewer |
| Diana | Admin |
| Eve | Viewer |
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
bordered | boolean | — | Table border |
striped | boolean | — | Striped rows |
Using DataGridtsx
import { DataGrid } from '@/components/DataGrid'
<DataGrid
striped="..."
bordered="..."
/>Tokens Used
No design tokens detected