Common props
common props can be used both in client-side mode and server-side mode.
Name | Required | Type | Default | Description |
---|---|---|---|---|
v-model: itemsSelected | false | Item[] (Record<string, any>[]) | null | Items selected |
alternating | false | boolean | false | Set true to color alternating (even and odd) rows. |
table-font-size | false | number | 12 | Font size of table header, body, footer. The unit is px. |
buttons-pagination | false | boolean | false | By default, you can only use prev and next buttons to navigate. But if you set the value to true , Seven visible page buttons will be generated automatically to help you navigate much easier |
dense | false | boolean | false | Set true to decrease the height of rows |
empty-message | false | string | 'No Available Data' | Message to display when there is no data in table |
fixed-header | false | boolean | true | Fixed header to top of table. NOTE: Does not work in IE11 |
headers | true | Header[] (Header: { text: string, value: string, sortable?: boolean,}) | [] | Table header items |
items | true | Item[] (Item: Record<string, any>) | [] | Table body items |
loading | false | boolean | false | If true and no items are provided, then a loading bar and loading message will be shown |
max-height | false | number | null | null | Max height of table (table header and table body, not including footer pagination) |
rows-items | false | number[] | [25, 50, 100] | A number array of rows-per-page, working as the options of rows per page selector |
rows-per-page | false | number | 25 | Rows of items to display in per page |
show-index | false | boolean | false | Set true to show index of item. |