frontend_tables

To generate a frontend table with server-side sorting and pagination, the skill reads backend TABLE metadata or models to derive columns, then outputs a page using CustomTable and React Query hooks for non-client-side data fetching.

Yes, you can use TanStack React Table for server-side filtering. The skill generates a CustomTable implementation that ensures all filtering, sorting, and pagination operations are handled on the server via React Query hooks rather than client-side.

To derive table columns from backend metadata for a React frontend, the skill inspects backend TABLE metadata, models, and controllers to align column keys, allowed sort fields, and filter options with the frontend architecture.

Yes, the table generator supports both infinite scrolling and classic pagination. It builds a CustomTable component using TanStack React Table that can render server-side sortable columns with sticky headers in either layout mode.

The best way to ensure your generated table aligns with allowed backend sort fields is to use the skill to directly inspect backend controllers and models. This guarantees the frontend table configuration matches server-side constraints.

Your frontend table needs React Query hooks for pagination to ensure data fetching adheres to the repository's reference architecture. This approach enforces server-side data processing, preventing the client from loading entire datasets.