UxTableListColumnHeader
components/ux/table-list/ColumnHeader.vue
Column header that auto-delegates to Sorter or Search based on a metric config object.
requests | errors | |
|---|---|---|
| api.github.com | 45,230 | 23 |
| api.stripe.com | 32,456 | 12 |
| api.cloudflare.com | 28,901 | 5 |
| api.twilio.com | 15,678 | 8 |
| api.sendgrid.com | 9,870 | 3 |
components/ux/table-list/ColumnHeader.vue
Usage
<UxTableListColumnHeader
:metric = "{}"
sortBy = "—"
:compact = "false"
:disabled = "false"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| metric | Object | {} | Column config with sort/search flags |
| sortBy | String | '' | Currently sorted column |
| compact | Boolean | false | Compact mode |
| disabled | Boolean | false | Disable interaction |