Error / failed-fetch state for a data table. Use when data fails to load: the toolbar and headers stay while the body shows a warning icon, an error message and a Try again action. Prefer this state to communicate a failed request rather than an empty or offline table. 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
spinner
table
@shadcncraft/badge
Registry Items
table-20
Configuration
Name
table-20
Type
Block
Description
Error / failed-fetch state for a data table. Use when data fails to load: the toolbar and headers stay while the body shows a warning icon, an error message and a Try again action. Prefer this state to communicate a failed request rather than an empty or offline table. Rows can be reordered by drag and drop via a per-row grip handle.