DUTable
DataSimple responsive data table.
import { DUTable } from 'deri-ui';Live preview
| Name | Role |
|---|---|
| Ada | Admin |
| Lin | Dev |
typescript
<DUTable columns={[{key:'name',header:'Name'}]} data={[{name:'Ada'}]} striped hover />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| columns | DUTableColumn[] | — | Defs |
| data | T[] | — | Rows |
| striped / hover / compact | boolean | — | Style flags |
Usage
import { DUTable } from 'deri-ui';
<DUTable columns={[{key:'name',header:'Name'}]} data={[{name:'Ada'}]} striped hover />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.