solid/client-to-server
OfficialShift table state to the server with Solid
System Documentation
What problem does it solve?
You need to render a TanStack Solid table when the server owns sorting, filtering, and pagination, but you still want to keep the same table APIs and UI behavior in the browser.
Core Features & Use Cases
- Manual row-model ownership: Use
manualPagination,manualSorting, andmanualFiltering(and relatedmanual*flags) so the client doesn’t recompute those slices. - Lifted server state with Solid signals/atoms: Store and subscribe to pagination/sorting/filter state using Solid signals or
@tanstack/solid-storeatoms (viacreateAtom+useSelector). - Correct server totals: Provide
rowCountso pagination controls likegetPageCount()and page navigation reflect server-side totals. - Pair with a fetcher: Commonly combine with a query/fetch layer (e.g., TanStack Query) by keying requests on the lifted state.
Quick Start
Tell your AI agent to convert your existing @tanstack/solid-table client setup into a server-driven version by lifting pagination/sorting/filter state into Solid atoms or signals, setting the corresponding manual* options, supplying rowCount from the API response, and removing the matching client row-model factories for those slices.
Dependency Matrix
Required Modules
None requiredComponents
đź’» Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: solid/client-to-server Download link: https://github.com/TanStack/table/archive/main.zip#solid-client-to-server Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.