Data Table Build Fetch Data

Builds a server-side data-table request from TanStack pagination, filter, and sorting state.

Installation

bash

pnpm dlx shadcn@latest add @cs/data-table-build-fetch-data

Usage

tsx

import { dataTableBuildFetchData } from "@/lib/cs/data-table-build-fetch-data";

tsx

const request = dataTableBuildFetchData({ pagination: { pageIndex: 0, pageSize: 10 }, sorting: [], columnFilters: [], extraWhere: undefined, columns: [], globalFilter: null });

API Reference

dataTableBuildFetchData

Builds a server-side data-table request from TanStack Table state.

Props

Name	Type	Default	Description
columnFilters *	ColumnFiltersState	-	TanStack column filters state.
columns *	ColumnServer[]	-	TanStack columns def.
extraWhere *	object \| undefined	-	Optional where options.
globalFilter *	string \| null	-	-
pagination *	PaginationState	-	TanStack pagination state.
sorting *	SortingState	-	TanStack sorting state

Dependencies

@tanstack/react-table @cs/data-table