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>Permission</th><th>Admin</th><th>Manager</th><th>Staff</th></tr></thead><tbody><tr><td>Manage users</td><td>✓</td><td>—</td><td>—</td></tr><tr><td>Edit records</td><td>✓</td><td>✓</td><td>✓</td></tr><tr><td>View reports</td><td>✓</td><td>✓</td><td>—</td></tr></tbody></table>Related components