Masukan
Tampilan
Umpan Balik
Media
Data Table
Tabel data lengkap: penyaringan, pengurutan, penghalaman, dan pemilihan kolom.
| INV-1050 | Prasetyo Kusuma | gagal | 2026-09-27 | Rp 200.000 |
| INV-1041 | Wulan Pratama | gagal | 2026-09-18 | Rp 375.000 |
| INV-1068 | Tegar Wijaya | gagal | 2026-09-18 | Rp 850.000 |
| INV-1032 | Yudha Wijaya | gagal | 2026-09-09 | Rp 550.000 |
| INV-1059 | Nadia Halim | gagal | 2026-09-09 | Rp 1.025.000 |
| INV-1049 | Nadia Pratama | menunggu | 2026-08-26 | Rp 775.000 |
| INV-1040 | Prasetyo Wijaya | menunggu | 2026-08-17 | Rp 950.000 |
| INV-1067 | Ayu Halim | menunggu | 2026-08-17 | Rp 425.000 |
| INV-1031 | Wulan Halim | menunggu | 2026-08-08 | Rp 1.125.000 |
| INV-1058 | Tegar Kusuma | menunggu | 2026-08-08 | Rp 600.000 |
47 baris.
Baris per halaman
Halaman 1 dari 5Instalasi
bash
npx shadcn-vue@latest add https://kliping.pro/r/data-table.jsonPenggunaan
vue
<script setup lang="ts">
import { DataTable, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableToolbar, DataTableViewOptions } from '@/dice/data-table'
</script>Bagian
| Bagian | Berkas |
|---|---|
DataTable | src/dice/data-table/DataTable.vue |
DataTableColumnHeader | src/dice/data-table/DataTableColumnHeader.vue |
DataTableFacetedFilter | src/dice/data-table/DataTableFacetedFilter.vue |
DataTablePagination | src/dice/data-table/DataTablePagination.vue |
DataTableToolbar | src/dice/data-table/DataTableToolbar.vue |
DataTableViewOptions | src/dice/data-table/DataTableViewOptions.vue |
Asalnya
Ditulis ulang untuk Vue dari Dice UI, MIT, Copyright (c) 2024 Sadman Sakib. Rincian kewajiban lisensinya ada di halaman kredit.