skills.rest
TanStack
TanStackOFFICIAL
Explore all skills by this author →
Website𝕏@tan_stackGitHub

angular/client-to-server

Convert Angular Table v9 from client-side to server-driven pagination and sorting.

28.3k|3.6k|Updated Oct 20, 2016
Search Tags:#angular#migration#pagination#sorting#server-side#tanstack table#rxresource
One-click install
npx skills add https://github.com/TanStack/table --skill angular-client-to-server
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular/client-to-server
Source: https://github.com/TanStack/table/tree/main/packages/angular-table/skills/angular/client-to-server
Command: npx skills add https://github.com/TanStack/table --skill angular-client-to-server

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill fixes the common migration challenge of converting an Angular Table setup from client-side processing to server-driven pagination, sorting, and filtering without breaking the existing UI and feature behavior.

Core Features & Use Cases

  • Manual mode conversion: flips the relevant manualPagination / manualSorting / manualFiltering / manualGrouping / manualExpanding options so the table trusts server results.
  • Correct row-model ownership: removes the matching client-side _rowModels factories to prevent double-processing (and incorrect display).
  • Production-ready server wiring: hoists controlled slices into Angular signals, sets rowCount for correct page navigation, and applies getRowId for stable selection across refetches.

Quick Start

Use the angular/client-to-server skill to convert your existing Angular Table v9 from client-side to server-side processing for pagination, sorting, and filtering.

Frequently Asked Questions about angular/client-to-server

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

FAQPage Schema
How do I migrate an Angular Table from client-side to server-side pagination and sorting?▼

To migrate Angular Table to server-side pagination and sorting, enable manual mode flags like manualPagination and manualSorting, remove matching client row-model factories, and supply rowCount for correct page navigation. This ensures the table trusts authoritative server results.

Why does my Angular Table show incorrect data after switching to remote fetching?▼

Incorrect display after switching to remote fetching happens when client-side row-model factories remain active, causing double-processing. Remove the matching _rowModels factories and enable manual mode flags so the table relies solely on server-driven results for correctness.

When do I need to enable manual mode flags in TanStack Table for Angular?▼

Enable manual mode flags in TanStack Table when data is fetched remotely and the table must rely on authoritative server results for pagination, sorting, filtering, grouping, or expanding to maintain correctness and navigation accuracy.

How do I preserve row selection across server refetches in Angular Table?▼

Preserve row selection across server refetches by setting getRowId for stable row identity. Additionally, hoist controlled slices into Angular signals with proper dependencies to maintain selection state during remote data updates.

Can I use rxresource to wire server-driven data into an Angular Table?▼

Yes, rxresource can be used to wire server-driven data into an Angular Table. Hoist controlled slices into Angular signals with proper dependencies, set rowCount for manualPagination, and configure getRowId to ensure stable selection across refetches.

Related Skills

Explore More Software Engineering Skills→
JeromyJSmithJeromyJSmith
3

tanstack-table

Implement controlled React datagrids with TanStack Table row models.

Community
Intermediate
TanStackTanStack
28.3k

angular/table-state

Wire TanStack Table v9 state slices into Angular signals via injectTable.

Official
Intermediate
TanStackTanStack
28.3k

angular/compose-with-tanstack-query

Compose TanStack Table with TanStack Query for server-driven Angular datagrids.

Official
Advanced
TanStackTanStack
28.3k

react/client-to-server

Convert @tanstack/react-table v9 tables to server-sliced manual mode.

Official
Advanced