const table = useReactTable({
data: tableData,
columns: tableColumns,
state: manual ? manualState : state,
pageCount: manual ? props.pageCount : undefined,
initialState: {
pagination: {
pageIndex: 0,
pageSize: 15,
},
},
enableRowSelection: true,
onRowSelectionChange: setRowSelection,
onColumnFiltersChange: setColumnFilters,
onColumnVisibilityChange: setColumnVisibility,
onSortingChange: manual ? props.onSortingChange : undefined,
onPaginationChange: manual ? props.onPaginationChange : undefined,
getCoreRowModel: getCoreRowModel(),
getFilteredRowModel: getFilteredRowModel(),
getPaginationRowModel: getPaginationRowModel(),
getSortedRowModel: getSortedRowModel(),
getFacetedRowModel: getFacetedRowModel(),
getFacetedUniqueValues: getFacetedUniqueValues(),
manualFiltering: manual,
manualPagination: manual,
manualSorting: manual,
getRowId: (row, _index, parent) => {
return parent ? [parent.id, row[uniqueId]].join('.') : row[uniqueId];
},
});
const table = useReactTable({
data: tableData,
columns: tableColumns,
state: manual ? manualState : state,
pageCount: manual ? props.pageCount : undefined,
initialState: {
pagination: {
pageIndex: 0,
pageSize: 15,
},
},
enableRowSelection: true,
onRowSelectionChange: setRowSelection,
onColumnFiltersChange: setColumnFilters,
onColumnVisibilityChange: setColumnVisibility,
onSortingChange: manual ? props.onSortingChange : undefined,
onPaginationChange: manual ? props.onPaginationChange : undefined,
getCoreRowModel: getCoreRowModel(),
getFilteredRowModel: getFilteredRowModel(),
getPaginationRowModel: getPaginationRowModel(),
getSortedRowModel: getSortedRowModel(),
getFacetedRowModel: getFacetedRowModel(),
getFacetedUniqueValues: getFacetedUniqueValues(),
manualFiltering: manual,
manualPagination: manual,
manualSorting: manual,
getRowId: (row, _index, parent) => {
return parent ? [parent.id, row[uniqueId]].join('.') : row[uniqueId];
},
});