svelte/client-to-server

Convert Svelte TanStack Table to server-owned pagination, sorting, and filtering.

28.3k|3.6k|Updated Oct 20, 2016
One-click install
npx skills add https://github.com/TanStack/table --skill svelte-client-to-server
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: svelte/client-to-server
Source: https://github.com/TanStack/table/tree/main/packages/svelte-table/skills/svelte/client-to-server
Command: npx skills add https://github.com/TanStack/table --skill svelte-client-to-server

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the challenge of using a Svelte TanStack Table UI while running pagination, sorting, and filtering on the server instead of shipping the full dataset to the browser.

Core Features & Use Cases

  • Manual mode orchestration: Toggle manualPagination, manualSorting, manualFiltering, manualGrouping, and manualExpanding so each stage of the table pipeline trusts server data.
  • Keep the right UI features: Drop only the row-model factories you don’t need while retaining the corresponding features so UI controls and APIs (like sorting and pagination controls) keep working.
  • Atom-driven reactivity: Use rune-aware getters and external atoms so the table re-syncs correctly in reactive effects, while rowCount is provided for accurate paging.

Quick Start

Ask the AI to guide you through converting your existing client-side Svelte table to manual server modes by wiring table atoms to your API responses, removing the unused row-model factories, and ensuring rowCount drives the pager correctly.

Frequently Asked Questions about svelte/client-to-server

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I move Svelte TanStack Table pagination and sorting to the server?

You move Svelte TanStack Table pagination and sorting to the server by enabling manualPagination and manualSorting modes, which instructs the table pipeline to trust server data instead of processing rows locally in the browser.

What is manual mode in TanStack Table for Svelte datagrids?

Manual mode in TanStack Table toggles manualPagination, manualSorting, manualFiltering, manualGrouping, and manualExpanding so each stage of the table pipeline relies on server-owned data rather than shipping the full dataset to the browser.

Do I need to remove row-model factories when enabling server-side pagination in Svelte?

Yes, when enabling server-side pagination in Svelte you drop the matching row-model factories you don't need while retaining the corresponding features, ensuring UI controls and APIs like sorting and pagination keep working correctly.

How do I drive API requests from Svelte TanStack Table state for server-side data?

You drive API requests from Svelte TanStack Table state by using rune-aware reactive getters and external atoms so the table re-syncs correctly in reactive effects, triggering server queries when pagination or sorting state changes.

Why does my Svelte server-side pagination show incorrect page counts?

Svelte server-side pagination shows incorrect page counts because rowCount is missing for manualPagination; providing the total rowCount from your API response allows the pager to calculate accurate paging controls.

When should I use server-side pagination instead of client-side processing in Svelte?

You should use server-side pagination instead of client-side processing in Svelte when datasets are too large for the browser or must be queried behind an API or database, making manual modes necessary for datagrid performance.