Mencari versi 7 react-table ? Klik disini!
Nikmati perpustakaan ini?
Coba Perpustakaan Tanstack Lainnya:
- Kueri Tanstack
- Meja Tanstack
- Router Tanstack
- Tanstack Virtual
- Bentuk Tanstack
- Tanstack Ranger
Kunjungi tanstack.com/table untuk dokumen, pemandu, API, dan lainnya!
Anda mungkin tahu tabel Tanstack dengan nama adaptor kami juga!
- Tabel sudut
- Meja menyala
- Tabel Qwik
- Tabel Bereaksi
- Meja padat
- Meja langsing
- Meja vue
Ringkasan
Tanstack Table adalah perpustakaan meja tanpa kepala , yang berarti tidak dikirimkan dengan komponen, markup atau gaya. Ini berarti bahwa Anda memiliki kontrol penuh atas markup dan gaya (CSS, CSS-in-Js, pustaka komponen UI, dll) dan ini juga yang memberikan sifat portabel. Anda bahkan dapat menggunakannya di React Native!
Jika Anda menginginkan meja ringan dengan kontrol penuh atas markup dan implementasi , maka Anda harus mempertimbangkan untuk menggunakan Tanstack Table, perpustakaan meja tanpa kepala .
Jika Anda menginginkan tabel berbasis komponen siap pakai dengan lebih banyak daya tetapi lebih banyak kendala di sekitar markup/gaya/implementasi , Anda harus mempertimbangkan menggunakan AG Grid, perpustakaan meja berbasis komponen dari OSS Partner AG Grid kami.
Table Tanstack dan AG Grid dengan hormat adalah pustaka tabel/datagrid terbaik di sekitar . Alih-alih bersaing, kami bekerja bersama untuk memastikan tabel kualitas tertinggi/opsi datagrid tersedia untuk seluruh ekosistem JS/TS dan setiap kasus penggunaan.
Fitur cepat
- Inti agnostik (JS/TS)
- Binding kerangka kerja kelas 1 untuk bereaksi, vue, padat
- ~ 15kb atau kurang (dengan goncangan pohon)
- 100% naskah type (tetapi tidak diperlukan)
- Tanpa kepala (100% dapat disesuaikan, bawa sendiri-sendiri-ui)
- Otomatis di luar kotak, keadaan terkontrol opt-in
- Filter (kolom dan global)
- Penyortiran (multi-kolom, multi-directional)
- Pengelompokan & Agregasi
- Berputar (segera hadir!)
- Pemilihan baris
- Ekspansi baris
- Visibilitas kolom/pemesanan/pinning/pengubah ukuran
- Pemisahan meja
- Animatable
- Virtualisasi
- Dukungan Model Data Sisi Server/Eksternal
Bermigrasi dari React Tabel V7
Perubahan penting
- Menulis ulang lengkap ke TypeScript dengan tipe yang termasuk dalam paket dasar
- Penghapusan Sistem Plugin Untuk mendukung lebih banyak inversi kontrol
- API yang jauh lebih besar dan lebih baik (dan fitur -fitur baru seperti Pinning)
- Manajemen Negara Terkendali Lebih Baik
- Dukungan yang lebih baik untuk operasi sisi server
- Kontrol pipa data lengkap (tetapi opsional)
- Inti agnostik dengan adaptor kerangka kerja untuk reaksi, padat, langsing, vue, dan berpotensi lebih banyak di masa depan
- Alat pengembang baru
Migrasi
Ada cukup banyak perubahan yang melanggar (mereka sepadan, percayalah pada kami!):
- Ternyata TypeScript membuat kode Anda jauh lebih baik/lebih aman, tetapi juga biasanya membutuhkan perubahan pada arsitektur.
- Sistem plugin telah dilepas sehingga plugin harus ditulis ulang untuk membungkus/menyusun API fungsional baru. Hubungi kami jika Anda membutuhkan bantuan!
- Opsi konfigurasi kolom telah berubah, tetapi hanya sedikit.
- Opsi tabel sebagian besar sama, dengan beberapa perubahan yang lebih besar di sekitar manajemen/kontrol negara opsional dan kontrol pipa data
- Contoh
table sementara yang serupa dalam semangat dengan V7 telah dikonfigurasi ulang menjadi lebih cepat.
Instalasi
Instal salah satu paket berikut berdasarkan kerangka pilihan Anda:
# Npm
npm install @tanstack/angular-table
npm install @tanstack/lit-table
npm install @tanstack/qwik-table
npm install @tanstack/react-table
npm install @tanstack/solid-table
npm install @tanstack/svelte-table
npm install @tanstack/vue-table
npm install @tanstack/table-core # vanilla js that can work with any framework
Bagaimana cara membantu?
- Coba contoh yang sudah migrasi
- Cobalah di proyek Anda sendiri.
- Introspeksi jenisnya! Bahkan tanpa dokumen selesai, perpustakaan mengirim dengan 100% naskah untuk membantu Anda mengeksplorasi kemampuannya.
- Baca Pedoman Kontribusi
- Tulis beberapa dokumen! Mulailah dengan dokumen API dan coba tambahkan beberapa informasi tentang satu atau lebih fitur. Tipe melakukan pekerjaan yang layak untuk menunjukkan apa yang didukung dan kemampuan perpustakaan.
- Menggunakan plugin? Coba tulis ulang plugin Anda (V8 tidak memiliki sistem plugin lagi) sebagai pembungkus fungsional yang menggunakan tabel Tanstack secara internal. API baru jauh lebih kuat dan lebih mudah untuk dikomposisi. Jika Anda menemukan sesuatu yang tidak dapat Anda ketahui, beri tahu kami dan kami akan menambahkannya ke API.
Menjadi sponsor
