Data Table Stream Params

GitHub

Encodes and decodes stream request parameters using the shared data-table query convention.

Installation

bash
pnpm dlx shadcn@latest add @cs/data-table-stream-params

Usage

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

NameTypeDefaultDescription
columnFilters *ColumnFiltersState-Table column filter state.
columns *ColumnServer[]-Base info about columns.
extraWhereobject | 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

NameTypeDefaultDescription
search *URLSearchParams--

Returns: DataTableOnData