When to use it.
Use for structured comparisons and records. Keep headers concise and support narrow screens.
Implementation notes.
- Use table headers for column and row relationships.
- Provide accessible labels for row actions.
- Offer a responsive alternative if the table becomes unusable on small screens.
Release QA
0/3Implementation checklist.
Handoff notes
Implementation notes for this component.
Quick section export
<table class="ap-table"><thead><tr><th>Order</th><th>Customer</th><th>Total</th><th>Status</th></tr></thead><tbody><tr><td>#1048</td><td>Acme Co.</td><td>$184.00</td><td>Paid</td></tr><tr><td>#1047</td><td>North & Co.</td><td>$92.00</td><td>Pending</td></tr></tbody></table>Related components