Data grid adalah tabel native dengan pengurutan, penyaringan, paginasi, dan pengeditan. Definisikan columns, teruskan rows, dan setiap sel diformat menurut tipenya sesuai locale: angka, mata uang, tanggal, ya dan tidak, serta label untuk nilai enum.
Statusnya ada di model yang bisa Anda hubungkan, simpan, dan kirim ke server: sort, filters, search, page, selected, serta columnState untuk lebar, urutan, penyematan, dan kolom tersembunyi pilihan pengguna. Tanpa paginasi, hanya baris yang terlihat yang dirender, sehingga 100.000 baris bergulir semulus sepuluh baris.
Setiap sel bisa dijangkau dengan keyboard, dan panel setiap kolom bisa mengurutkan, menyaring, menyematkan, memindahkan, menyesuaikan lebar, dan menyembunyikan kolom tersebut.
Pencarian, pengurutan, dan halaman
Ketik untuk mencari di semua kolom. Klik header untuk mengurutkan, dan Shift + klik untuk menambahkan kolom kedua. nuiGridCell menggambar status, dan exportCsv() mengekspor data yang ditampilkan.
Pemilihan
selection="multiple" menambahkan checkbox dan menghubungkan kunci baris yang dipilih. Shift + klik memilih rentang; kotak di header memilih semua baris yang cocok.
Pengeditan
Klik dua kali sebuah sel, tekan Enter, atau langsung ketik. validate membuat editor tetap terbuka dengan pesan; edit yang diterapkan memperbarui rows dan mengirimkan cellEdit.
100.000 baris
Tanpa paginasi, hanya baris yang terlihat yang dirender. Kolom yang disematkan tetap di tepi, dan columnState menyimpan tata letak yang dibuat pengguna.
Data dari server
Dalam mode server, grid menampilkan baris apa adanya dan melaporkan setiap perubahan lewat queryChange. Tetapkan loading selama mengambil data.