Data Table Stream Params
GitHubEncodes and decodes stream request parameters using the shared data-table query convention.
Installation
bash
pnpm dlx shadcn@latest add @cs/data-table-stream-paramsUsage
tsx
import { encodeStreamParams } from "@/lib/cs/data-table-stream-params";tsx
const params = encodeStreamParams({ skip: 0, take: 10, sorting: [], columnFilters: [], columns: [], globalFilter: null });API Reference
encodeStreamParams
Serializes data-table stream parameters using the shared server convention.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| columnFilters * | ColumnFiltersState | - | Table column filter state. |
| columns * | ColumnServer[] | - | Base info about columns. |
| extraWhere | object | undefined | - | Aditional filters. |
| globalFilter * | string | null | - | - |
| select | { field: string; values: unknown[]; } | undefined | - | Optional selection filter — adds { [field]: { in: values } } to the where clause. |
| skip * | number | - | Count of skiped rouws. |
| sorting * | SortingState | - | Table soritng state. |
| take * | number | - | Page size. |
decodeStreamParams
Reconstructs table stream parameters from the shared readable params.
Parameters
| Name | Type | Default | Description |
|---|---|---|---|
| search * | URLSearchParams | - | - |
Returns: DataTableOnData