Data Table
Structured rows with compact metadata headers.
Example
| Project | Status | Compute | Region | Created | |
|---|---|---|---|---|---|
portfolio lab rkg_lab_33c9 rkingg/portfolio-lab | paused | nano | aws | ap-northeast-1 | 01 Jul 26 18:22 | |
rkingg.com rkg_site_10f4 rkingg/rkingg.com | active | micro | aws | us-east-1 | 12 Jul 26 11:08 | |
rkives dashboard rkg_prod_82a1 rkingg/rkives-dashboard | active | nano | aws | ap-southeast-1 | 17 Jul 26 02:39 |
Showing 1 to 3 of 12 projects
Typography
Compact dashboard density for this kit.
Section label11px / mono / uppercase
Body label13px / medium
Nav item13px / 30px row
Column heading11px / mono / tracked
Import
Copy-paste path.
import { DataTable } from "@/components/ui/data-table"or add via CLI — npx shadcn@latest add https://rkives.rkingg.com/r/data-table