Table Cell - Vue
Table Cell
import { Table } from '@idds/vue';Contoh Penggunaan
Section titled “Contoh Penggunaan”Table with API Integration
Section titled “Table with API Integration”Contoh implementasi Table dengan integrasi API menggunakan DummyJSON Products API. Menampilkan mekanisme fetch data, pagination, searching, sorting, dan loading state. Jika response API kosong atau terjadi error, akan menggunakan fallback dummy data.
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
data | Record<string, any>[] | — | Yes | Array of data objects for table rows. |
columns | TableColumn[] | — | Yes | Array of column definitions. |
initialPage? | number | 1 | No | Initial page number. |
title? | string | — | No | Table title. |
subtitle? | string | — | No | Table subtitle. |
variant? | 'default' | 'bordered' | 'striped' | 'hover' | 'default' | No | Table variant style. |
size? | 'sm' | 'md' | 'lg' | 'md' | No | Table size. |
showHeader? | boolean | true | No | Show table header. |
showFooter? | boolean | false | No | Show table footer. |
sortable? | boolean | true | No | Enable column sorting. |
showPagination? | boolean | true | No | Show or hide the pagination controls. |