DataGrid

Grid ảo hoá cho admin/ERP: 10k+ dòng, server-side pagination/sort/filter, ghim/resize/ẩn cột, chọn dòng xuyên trang, empty/loading/error có sẵn. Chỉ cài khi cần — dự án nhẹ dùng @reno/table.

Cài đặt

npx shadcn@latest add @reno/data-grid

Demo

		Trạng thái

0–0 trên 0

Số dòng mỗi trang

Trang 1 / 1

Server mode trên tập 10.000 dòng: mỗi lần chỉ tải 1 trang, sort và tìm kiếm chạy phía “server”. Đổi theme preset ở góc trên để thấy density đổi chiều cao dòng mà không sửa dòng code nào.

npm dependencies

@tanstack/react-table
@tanstack/react-virtual
lucide-react

Registry dependencies

@reno/utils
@reno/button
@reno/select
@reno/dropdown-menu
@reno/checkbox
@reno/skeleton
@reno/grid-state
@reno/grid-query
@reno/grid-labels