data/@mihcm/ui·v0.21.0·stable
DataTable
Full-featured data table powered by TanStack Table v8. Sorting, filtering, pagination, selection, column visibility, expandable rows, column resize, column/row pinning, grouping, and faceted filtering — all via boolean props. 5 visual variants.
Live preview
Adjust the controls on the right; the preview and code update in real time.
| EMP-001 | Aisha Kumari | aisha@mihcm.com | Engineering | Active | $95,000 |
| EMP-002 | Malik Chen | malik@mihcm.com | Design | Active | $88,000 |
| EMP-003 | Sara Johansson | sara@mihcm.com | Product | On Leave | $102,000 |
| EMP-004 | David Park | david@mihcm.com | Engineering | Active | $97,000 |
| EMP-005 | Elena Ruiz | elena@mihcm.com | QA | Active | $82,000 |
Rows per page
Page 1 of 2Install
Both paths are valid. CLI ships the source into your repo (you own it). Install pins via npm.
npx @mihcm/cli add DataTableCopies the source into
components/ds/DataTable.tsx. You own the file. Use --out to override the directory or --force to overwrite.