Data display
shadcn primitiveTable
Semantic table markup for static, structured information.
When to use it
Static tables such as invoice line items. Use Data Table for collections people search, sort, or select.
Invoice
| Student | Status | Amount |
|---|---|---|
| Maya ChenVoice · 4 × 45 min | Paid | $180.00 |
| Lucia FernándezPiano · 4 × 30 min | Paid | $120.00 |
| Lucia FernándezVoice trial lesson | Credit | −$20.00 |
| Hana SuzukiViolin · 3 × 45 min | Due | $135.00 |
| Balance due | $135.00 | |
Usage
Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.