Kliping
KlipingBerandaDokumentasiKomponenBlocksVariasiTemplateDice UIHooks
Baru: 303 varian komponen

Table

Sebelas tabel: baris berselang, kepala yang menempel, kolom yang menempel, dan tabel data lengkap.

Jelajahi VariasiDokumentasi komponen
SemuaAccordionAlertAlert DialogAvatarBadgeBreadcrumbButtonCardCarouselCheckboxCollapsibleDropdown MenuInputInput OtpNavigation MenuPaginationProgressRadio GroupSelectSeparatorSliderSpinnerSwitchTableTabsTextareaTooltip
Tabel bawaan, dengan keterangan dan baris jumlah di kakinya
A list of your recent invoices.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00

Mengambil kode…

Bergaris tepi penuh, tiap selnya berkotak
A list of your recent invoices.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
INV005PaidPayPal$550.00
INV006PendingBank Transfer$200.00
INV007UnpaidCredit Card$300.00
Total$2,500.00

Mengambil kode…

Baris berselang-seling warnanya, di dalam kotak bergaris
IDProduct NameCategoryPrice (USD)Rating
101Wireless HeadphonesElectronics59.994.5
102Yoga MatSports & Fitness254.8
103Coffee MakerHome Appliances804.2
104Running ShoesSportswear704.6
105SmartwatchElectronics1204.7

Mengambil kode…

Baris berselang-seling, tanpa garis tepi luar
IDProduct NameCategoryPrice (USD)Rating
101Wireless HeadphonesElectronics59.994.5
102Yoga MatSports & Fitness254.8
103Coffee MakerHome Appliances804.2
104Running ShoesSportswear704.6
105SmartwatchElectronics1204.7

Mengambil kode…

Dengan penomoran halaman di bawahnya
IDProduct NameCategoryPrice (USD)Rating
101Wireless HeadphonesElectronics59.994.5
102Yoga MatSports & Fitness254.8
103Coffee MakerHome Appliances804.2
104Running ShoesSportswear704.6
105SmartwatchElectronics1204.7
More pages

Mengambil kode…

Baris kepalanya menempel di atas saat digulir
IDProduct NameCategoryPrice (USD)RatingStock QuantitySupplierDate Added
101Wireless HeadphonesElectronics59.994.5120SoundTech Ltd2024-01-15
102Yoga MatSports & Fitness254.8200FitGear Inc2024-01-20
103Coffee MakerHome Appliances804.280HomeBrew Supplies2024-02-05
104Running ShoesSportswear704.6150RunWell Co.2024-03-15
105SmartwatchElectronics1204.760TechTime2024-04-10
106Gaming MouseElectronics454.395GamePro Gear2024-04-22
107BlenderKitchen Appliances554.4110KitchenEssentials2024-05-05
108Electric KettleKitchen Appliances304.1130HomeEssentials2024-05-18
109Office ChairFurniture1504.650FurniPro2024-06-01
110LED Desk LampLighting204.5210BrightLight2024-06-10

Mengambil kode…

Dua kolom pertamanya menempel di kiri saat digulir mendatar
ID Product Name CategoryPrice (USD)RatingStock QuantitySupplierDate Added
101Wireless HeadphonesElectronics59.994.5120SoundTech Ltd2024-01-15
102Yoga MatSports & Fitness254.8200FitGear Inc2024-01-20
103Coffee MakerHome Appliances804.280HomeBrew Supplies2024-02-05
104Running ShoesSportswear704.6150RunWell Co.2024-03-15
105SmartwatchElectronics1204.760TechTime2024-04-10
106Gaming MouseElectronics454.395GamePro Gear2024-04-22
107BlenderKitchen Appliances554.4110KitchenEssentials2024-05-05
108Electric KettleKitchen Appliances304.1130HomeEssentials2024-05-18
109Office ChairFurniture1504.650FurniPro2024-06-01
110LED Desk LampLighting204.5210BrightLight2024-06-10

Mengambil kode…

Tinggi tetap; isinya digulir sementara kepalanya diam
IDProduct NameCategoryPrice (USD)RatingStock QuantitySupplierDate Added
101Wireless HeadphonesElectronics59.994.5120SoundTech Ltd2024-01-15
102Yoga MatSports & Fitness254.8200FitGear Inc2024-01-20
103Coffee MakerHome Appliances804.280HomeBrew Supplies2024-02-05
104Running ShoesSportswear704.6150RunWell Co.2024-03-15
105SmartwatchElectronics1204.760TechTime2024-04-10
106Gaming MouseElectronics454.395GamePro Gear2024-04-22
107BlenderKitchen Appliances554.4110KitchenEssentials2024-05-05
108Electric KettleKitchen Appliances304.1130HomeEssentials2024-05-18
109Office ChairFurniture1504.650FurniPro2024-06-01
110LED Desk LampLighting204.5210BrightLight2024-06-10

Mengambil kode…

Tabel data: pilih baris, saring, sembunyikan kolom, dan halamani
Status
Amount
success
ken99@yahoo.com
$316.00
success
Abe45@gmail.com
$242.00
processing
Monserrat44@gmail.com
$837.00
success
Silas22@gmail.com
$874.00
failed
carmella@hotmail.com
$721.00
0 of 5 row(s) selected.

Mengambil kode…

Kerapatan barisnya bisa diatur — rapat, sedang, atau longgar
Status
Amount
success
ken99@yahoo.com
$316.00
success
Abe45@gmail.com
$242.00
processing
Monserrat44@gmail.com
$837.00
success
Silas22@gmail.com
$874.00
failed
carmella@hotmail.com
$721.00
0 of 5 row(s) selected.

Mengambil kode…

Pemilih kolom dengan kotak pencarian dan tombol setel ulang
Status
Amount
success
ken99@yahoo.com
$316.00
success
Abe45@gmail.com
$242.00
processing
Monserrat44@gmail.com
$837.00
success
Silas22@gmail.com
$874.00
failed
carmella@hotmail.com
$721.00
0 of 5 row(s) selected.

Mengambil kode…

Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping