DataGrid Toolbar

Thanh công cụ cho DataGrid: tìm kiếm có debounce, chip bộ lọc đang bật, ẩn/hiện cột, xuất dữ liệu. Item riêng để màn hình không cần thì không phải cài.

Cài đặt

npx shadcn@latest add @reno/data-grid-toolbar

Demo

Trạng thái: Đã thanh toán

{
  "globalFilter": "",
  "columnFilters": [
    {
      "id": "status",
      "value": "Đã thanh toán"
    }
  ],
  "columnVisibility": {}
}

npm dependencies

lucide-react

Registry dependencies

@reno/utils
@reno/button
@reno/input
@reno/badge
@reno/dropdown-menu
@reno/grid-state
@reno/grid-labels