Table
A set of composable components that work together in the same way as native HTML table elements.
import { VTable, VTableHead, VTableBody, VTableRow, VTableHeaderCell, VTableCell } from '@vonage/vivid-vue';
import { registerTable } from '@vonage/vivid';
registerTable('your-prefix');
Table Head, Table Body, Table Row, Table Header Cell, and Table Cell sub-components are registered automatically in the same function.
| Name |
Description |
| default |
Default slot.
|
| Name |
Description |
| default |
Default slot. |
| Name |
Description |
| default |
Default slot.
|
| Name |
Description |
| default |
Default slot. |
| Event |
Type |
Description |
| cell-focused |
CustomEvent<HTMLElement> |
Fires when the cell or its contents receive focus |
| Name |
Type |
Description |
| cell-focused |
CustomEvent<HTMLElement> |
Fires when the cell or its contents receive focus |
| Name |
Description |
| default |
Default slot.
|
| Name |
Description |
| default |
Default slot. |
| Event |
Type |
Description |
| cell-focused |
CustomEvent<HTMLElement> |
Fires when the cell or its contents receive focus |
| Name |
Type |
Description |
| cell-focused |
CustomEvent<HTMLElement> |
Fires when the cell or its contents receive focus |
| Name |
Description |
| default |
Default slot.
|
| Name |
Description |
| default |
Default slot. |
| Name |
Description |
| default |
Default slot.
|
| Name |
Description |
| default |
Default slot. |
| Name |
Description |
| default |
Default slot.
|
| Name |
Description |
| default |
Default slot. |
| Property |
Type |
Default |
Description |
| direction |
'none' | 'desc' | 'asc' |
|
Current direction of the sorting |
| Property |
Type |
Default |
Description |
|
direction
|
'none' | 'desc' | 'asc' |
|
Current direction of the sorting |
| Name |
Description |
| default |
Default slot.
|
| Name |
Description |
| default |
Default slot. |
| Event |
Type |
Description |
| sort |
CustomEvent<undefined> |
Emitted when sorting button is clicked. |
| Name |
Type |
Description |
| sort |
CustomEvent<undefined> |
Emitted when sorting button is clicked. |
| Name |
Params |
Returns |
Description |
| toggleSort |
|
void
|
|
