UxTableList
components/ux/table-list/index.vue
Root table wrapper with scroll event detection, loading indicators, and empty state.
requests | bytes in | errors | availability | avg duration | |
|---|---|---|---|---|---|
| 8 vendors | 216,685 | 93.2 MB | 94 | 99.96% | 105 ms |
A s3.amazonaws.com | 56,780 | 45.0 MB | 42 | 99.92% | 198 ms |
G api.github.com | 45,230 | 12.3 MB | 23 | 99.95% | 145 ms |
S api.stripe.com | 32,456 | 8.7 MB | 12 | 99.99% | 89 ms |
C api.cloudflare.com | 28,901 | 15.2 MB | 5 | 99.98% | 67 ms |
D api.datadoghq.com | 23,450 | 5.6 MB | 1 | 99.99% | 54 ms |
T api.twilio.com | 15,678 | 3.4 MB | 8 | 99.9% | 112 ms |
S api.sendgrid.com | 9,870 | 2.1 MB | 3 | 99.97% | 78 ms |
S hooks.slack.com | 4,320 | 890.0 KB | 0 | 100% | 95 ms |
components/ux/table-list/index.vue
Usage
<UxTableList
:compact = "false"
:isLoadingTop = "false"
:isLoadingBottom = "false"
>
Content here
</UxTableList>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| compact | Boolean | false | Compact row height |
| isLoadingTop | Boolean | false | Show top loading indicator |
| isLoadingBottom | Boolean | false | Show bottom loading indicator |
Events
| Event | Description |
|---|---|
| scroll-at-top | Scrolled to top |
| scrolling-down | Scrolling downward |
| scroll-at-bottom | Scrolled to bottom |
Slots
| Slot | Description |
|---|---|
| header | Table header (UxTableListHeader) |
| default | Table rows |