export const DataTable = <TData, TValue>({
data,
columns,
options,
className,
search,
}: DataTableProps<TData, TValue>) => {
const [sorting, setSorting] = useState<SortingState>([]);
const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
const table = useReactTable({
data,
columns,
onColumnFiltersChange: setColumnFilters,
onSortingChange: setSorting,
getCoreRowModel: getCoreRowModel(),
getFilteredRowModel: getFilteredRowModel(),
getPaginationRowModel: getPaginationRowModel(),
getSortedRowModel: getSortedRowModel(),
initialState: {
pagination: {
pageSize: 8,
},
columnFilters: [
{
id: 'description',
value: search,
},
],
},
state: {
columnFilters,
sorting,
},
});
...
export const DataTable = <TData, TValue>({
data,
columns,
options,
className,
search,
}: DataTableProps<TData, TValue>) => {
const [sorting, setSorting] = useState<SortingState>([]);
const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
const table = useReactTable({
data,
columns,
onColumnFiltersChange: setColumnFilters,
onSortingChange: setSorting,
getCoreRowModel: getCoreRowModel(),
getFilteredRowModel: getFilteredRowModel(),
getPaginationRowModel: getPaginationRowModel(),
getSortedRowModel: getSortedRowModel(),
initialState: {
pagination: {
pageSize: 8,
},
columnFilters: [
{
id: 'description',
value: search,
},
],
},
state: {
columnFilters,
sorting,
},
});
...