Recipes
Worked patterns for server round-trips, row panels, bulk actions, saved views, and row forms.
Each recipe wires the grid into a common app need with short, copyable code.
Data fetching
Send edits to a server and feed server state into the grid.
Server round-trip
Send each edit to an API, then roll back, refetch, or show the server error.
TanStack Query wiring
Wire onDataChange to useQuery and useMutation with an optimistic cache update.
Server-side sort and filter
Feed sort, filter, and search state to your API and show what it returns.
UI patterns
Panels, bars, and saved state around the grid.
Open a detail panel from a row
Show the active row in a side panel that stays open while you move through the grid.
Act on the selected rows
Show a bar for the checked rows that deletes, updates, or exports them as one undoable step.
Remember the user's view
Save sort, filters, search, and column layout, and restore them on the next visit.
Multiple grids on one page
Mount more than one grid on a page with no extra setup.
Editing & access
Row forms, cell formats, and per-user edit rules.