Bảng dữ liệu dựa trên phần tử table native, có sắp xếp, lọc, phân trang và chỉnh sửa. Mô tả columns, truyền rows, và mỗi ô sẽ được định dạng theo kiểu dữ liệu và locale: số, tiền tệ, ngày tháng, có/không, và nhãn cho các giá trị enum.
Trạng thái nằm trong các model mà bạn có thể liên kết, lưu và gửi lên máy chủ: sort, filters, search, page, selected, và columnState cho độ rộng, thứ tự, ghim và các cột ẩn mà người dùng chọn. Khi không phân trang, chỉ các dòng đang hiển thị được render, nên 100.000 dòng vẫn cuộn mượt như mười dòng.
Mọi ô đều đến được bằng bàn phím, và panel của mỗi cột có thể sắp xếp, lọc, ghim, di chuyển, chỉnh vừa độ rộng và ẩn cột đó.
Tìm kiếm, sắp xếp và phân trang
Gõ để tìm trên mọi cột. Nhấp vào tiêu đề cột để sắp xếp, và Shift + nhấp để thêm cột thứ hai. nuiGridCell vẽ trạng thái, còn exportCsv() xuất ra những gì đang hiển thị.
Chọn dòng
selection="multiple" thêm checkbox và liên kết khóa của các dòng được chọn. Shift + nhấp để chọn một khoảng; ô chọn ở tiêu đề sẽ chọn mọi dòng khớp bộ lọc.
Chỉnh sửa
Nhấp đúp vào một ô, nhấn Enter hoặc cứ thế gõ. validate giữ trình chỉnh sửa mở kèm thông báo; thay đổi đã xác nhận sẽ cập nhật rows và phát ra cellEdit.
100.000 dòng
Khi không phân trang, chỉ các dòng đang hiển thị được render. Cột được ghim nằm yên ở hai mép, và columnState giữ lại bố cục mà người dùng tạo ra.
Dữ liệu máy chủ
Ở chế độ server, bảng hiển thị các dòng đúng như nhận được và báo mỗi thay đổi qua queryChange. Hãy đặt loading trong lúc tải dữ liệu.