Ordinary Markdown tables work without a component. For a long table, wrap one table in <Table> to add a filter box, sticky column headings, or both in HTML:
<Table filter sticky>
| Name | Environment | Status |
| --- | --- | --- |
| Accounts | Production | Enabled |
| Invoices | Sandbox | Disabled |
</Table>
filter and sticky are bare boolean attributes. Use either one alone or both. <Table> takes exactly one Markdown table and no other content. Its complete table, without controls, appears in the Markdown twin.
Try the controls
Filter this table by a name, environment, or status. Several words must all occur in a row; matching ignores case. Press Escape in the filter box to clear it. Scroll inside the table to keep the headings visible.
| Name | Environment | Status |
|---|---|---|
| Accounts | Production | Enabled |
| Billing | Sandbox | Enabled |
| Catalog | Production | Disabled |
| Delivery | Sandbox | Disabled |
| Events | Production | Enabled |
| Files | Sandbox | Enabled |
| Groups | Production | Disabled |
| History | Sandbox | Enabled |
| Invoices | Production | Enabled |
| Jobs | Sandbox | Disabled |
| Keys | Production | Enabled |
| Limits | Sandbox | Enabled |
| Metrics | Production | Disabled |
| Notes | Sandbox | Enabled |
| Orders | Production | Enabled |
| Profiles | Sandbox | Disabled |
HTML, Markdown, and agents
The filter needs JavaScript. Without it, the filter field stays hidden and all rows remain visible. Sticky headings use CSS and still work without JavaScript. On narrow screens the table scrolls horizontally. Keyboard users can focus the scrollable table region.
The Markdown twin contains all 16 rows as a regular table. Agents and text-only readers do not need the filter to find a row. Use an ordinary Markdown table when these HTML controls are unnecessary.