Sortable Table
Variant of Table with up/down chevron icons stacked in each <th>. Clicking the header sorts. Currently only on /flags.
DO
Promote Sortable Table to the default so /tsdb-status Top-N tables gain sort too.
DON'T
Hide sortability behind a prop users have to opt into per column.
Design
default
| Flag | Value |
|---|---|
--config.file | prometheus.yml |
Each header cell has stacked sort chevrons.
Component reference (screenshots)
Placeholder screenshots — the audited app is live at prometheus-e83j.onrender.com.
Implementation
<Table sortable>…</Table>Layout
| Property | Value |
|---|---|
| sort-icon | stacked chevron-up/chevron-down |
| sort-icon-size | 12px |
Accessibility
| ARIA | th gains aria-sort='ascending'|'descending'|'none'. |
| Keyboard | Enter/Space on a focused th toggles the sort. |