diff --git a/libs/data-display/src/DataTable.tsx b/libs/data-display/src/DataTable.tsx index 54856df..1286fc3 100644 --- a/libs/data-display/src/DataTable.tsx +++ b/libs/data-display/src/DataTable.tsx @@ -131,7 +131,7 @@ export type DataTableProps = { * Enable or disable multi-column sorting. * When set to true, users can sort by multiple columns simultaneously. */ - enableMultiSort?: boolean; + multiSort?: boolean; } & DataTableTokensProps; type DataTableTokensProps = { @@ -469,7 +469,7 @@ function DataTable({ firstColumnFixed, lastColumnFixed, className, - enableMultiSort = false, + multiSort = false, ...props }: DataTableProps) { const primaryRow = findChild("DataTablePrimaryRow", children); @@ -622,7 +622,7 @@ function DataTable({ className={tableHeaderClassName} title={column.title} onClick={() => { - toggleSortBy(column.id, undefined, enableMultiSort); + toggleSortBy(column.id, undefined, multiSort); }} > diff --git a/storybook/src/data-display/DataTable.mdx b/storybook/src/data-display/DataTable.mdx index 83e7853..6a92a5a 100644 --- a/storybook/src/data-display/DataTable.mdx +++ b/storybook/src/data-display/DataTable.mdx @@ -162,9 +162,9 @@ To enable multi-column sorting, follow these steps: }, [dataTableState.sortBy]); ``` -**3.** Set the `enableMultiSort` prop to `true` in the DataTable component to enable multi-column sorting: +**3.** Set the `multiSort` prop to `true` in the DataTable component to enable multi-column sorting: ```tsx - +