Loading / skeleton state for a data table. Use while data is being fetched: the toolbar and column headers stay in place over shimmering skeleton rows with a loading note in the footer. Prefer to hold the grid's shape during load rather than showing a spinner or blank area. Rows can be reordered by drag and drop via a per-row grip handle.
Files · 1
Dependencies
npm packages
@tanstack/react-table@^8.21.3
@dnd-kit/core@^6.3.1
@dnd-kit/modifiers@^9.0.0
@dnd-kit/sortable@^10.0.0
@dnd-kit/utilities@^3.2.2
date-fns
Registry items
button
checkbox
dropdown-menu
empty
input-group
skeleton
table
@shadcncraft/badge
@shadcncraft/data-table-pagination
Registry Items
table-19
Configuration
Name
table-19
Type
Block
Description
Loading / skeleton state for a data table. Use while data is being fetched: the toolbar and column headers stay in place over shimmering skeleton rows with a loading note in the footer. Prefer to hold the grid's shape during load rather than showing a spinner or blank area. Rows can be reordered by drag and drop via a per-row grip handle.