data table filters

Tentang proyek

Ini adalah demo tabel data mandiri yang akan kami gunakan di dalam dasbor OpenStatus.

Untuk membuatnya tidak hanya lebih mudah diakses untuk Anda gunakan, tetapi juga bekerja pada POC/MVP dengan tabel data, kami telah memulai repositori ini. Kami akan mempertahankannya dan menambahkan contoh baru dari waktu ke waktu.

Saat ini termasuk:

• tabel data dengan pagination sederhana
• tabel data dengan gulir tak terbatas dan klik detail

Contohnya sangat terinspirasi oleh tabel DataDog dan Vercel Log.

Dibangun dengan

Tumpukan kami adalah:

• nextjs
• Tanstack-Query
• TABLE TANSTACK
• shadcn/ui
• CMDK
• Nuqs
• DND-KIT

Kami akan mempertimbangkan membuat contoh dengan vitej untuk semua pecinta bereaksi mentah kami. Kontribusi dipersilakan!

Memulai

Tidak diperlukan variabel lingkungan. Jalankan server pengembangan:

npm run dev

Buka http: // localhost: 3000 dengan browser Anda untuk melihat hasilnya.

Ingin lebih?

Jika Anda mencari kasus penggunaan khusus atau seperti apa yang kami bangun dan ingin mempekerjakan kami, jangan ragu tulis kami ke [email protected] atau pesan panggilan melalui cal.com.

Kredit

• sadmann17 untuk obat bius <Sortable /> di sekitar @dnd-kit (lihat sortable.sadmn.com)
• Shelwin_ untuk inspirasi bagan yang dapat diseret (lihat zoom-chart-demo.vercel.app)