tanstack-table

Create a table with useReactTable by passing memoized data and columns, then add getCoreRowModel and getSortedRowModel with controlled sorting state. Attach header.column.getToggleSortingHandler() to header click events to toggle ascending and descending order.

Add getPaginationRowModel to the table options and control pagination state with pageIndex and pageSize. Use table.nextPage(), table.previousPage(), and table.setPageSize() for navigation, or set manualPagination with pageCount for server-side paging.

Yes, TanStack Table supports server-side operations through manualSorting, manualFiltering, and manualPagination options. Omit the client-side row models and fetch data in an effect whenever sorting, filter, or pagination state changes.

Infinite re-renders happen when data or columns are new references on every render. Wrap both in useMemo so the table instance receives stable references, and always include getCoreRowModel as the base row model.

Yes, TanStack Table is a headless library with adapters for Vue, Solid, Svelte, Qwik, Angular, and Lit in addition to React. The core column and row model logic is shared across all framework adapters.