diff --git a/packages/ui/src/makerkit/data-table.tsx b/packages/ui/src/makerkit/data-table.tsx index 90ac163c9..31b9571c9 100644 --- a/packages/ui/src/makerkit/data-table.tsx +++ b/packages/ui/src/makerkit/data-table.tsx @@ -48,6 +48,7 @@ interface ReactTableProps { onPaginationChange?: (pagination: PaginationState) => void; manualPagination?: boolean; manualSorting?: boolean; + sorting?: SortingState; tableProps?: React.ComponentProps & Record<`data-${string}`, string>; } @@ -62,13 +63,14 @@ export function DataTable({ tableProps, manualPagination = true, manualSorting = false, + sorting: initialSorting, }: ReactTableProps) { const [pagination, setPagination] = useState({ pageIndex: pageIndex ?? 0, pageSize: pageSize ?? 15, }); - const [sorting, setSorting] = useState([]); + const [sorting, setSorting] = useState(initialSorting ?? []); const [columnFilters, setColumnFilters] = useState([]); const [columnVisibility, setColumnVisibility] = useState({}); const [rowSelection, setRowSelection] = useState({});