Mutli sort added. sorting example added.

Author: jeevasusej

.storybook/preview.ts

@@ -23,6 +23,10 @@ const preview: Preview = {
             "Advanced",
             "Filtering",
           ],
+          "In Progress",
+          ["TableAdapter", ["Sorting"]],
+          "TODO",
+          ["TableAdapter", ["Filtering"]],
         ],
       },
     },

src/TableAdapter.tsx

@@ -90,7 +90,18 @@ function TableHeader<TData>({
                       ? "cursor-pointer select-none"
                       : ""
                   }
-                  onClick={header.column.getToggleSortingHandler()}
+                  onClick={(e) => {
+                    console.log(
+                      "Header clicked:",
+                      header.column.id,
+                      "Event:",
+                      e
+                    );
+                    const handler = header.column.getToggleSortingHandler();
+                    if (handler) {
+                      handler(e);
+                    }
+                  }}
                   role={
                     enableSorting && header.column.getCanSort()
                       ? "button"
@@ -425,6 +436,10 @@ export function TableAdapter<TData extends object, TValue = unknown>(
   // Create a state to track what data is currently being used by the table
   const [tableData, setTableData] = useState<TData[]>(initialMemoizedData);
 
+  // Determine the multi-sort event handler: use prop if provided, otherwise default to Shift key
+  const isMultiSortEvent =
+    props.isMultiSortEvent ?? ((e: unknown) => !!(e && (e as any).shiftKey));
+
   // Create the table instance with initial data
   const table = useReactTable({
     data: tableData,
@@ -440,6 +455,11 @@ export function TableAdapter<TData extends object, TValue = unknown>(
     enableColumnResizing: features.columnResizing,
     enableSortingRemoval: features.sortingRemoval,
 
+    // Advanced multi-sorting options
+    isMultiSortEvent,
+    maxMultiSortColCount: props.maxMultiSortColCount,
+    enableMultiRemove: props.enableMultiRemove,
+
     // State
     state: {
       sorting: currentSorting,

src/types.ts

@@ -1070,6 +1070,11 @@ export type TableAdapterProps<TData extends object, TValue = unknown> = {
   enableGrouping?: boolean;
   enableSortingRemoval?: boolean;
 
+  // Advanced multi-sorting props
+  isMultiSortEvent?: (e: unknown) => boolean;
+  maxMultiSortColCount?: number;
+  enableMultiRemove?: boolean;
+
   className?: string;
   classNames?: TableClassNames;
   columnResizeMode?: ColumnResizeMode;

stories/Filtering.stories.tsx

@@ -7,7 +7,7 @@ import { fuzzyFilter } from "../src/utils";
 import { ColumnDef } from "@tanstack/react-table";
 
 const meta: Meta<typeof TableAdapter<Person>> = {
-  title: "In Progress/TableAdapter/Filtering",
+  title: "TODO/TableAdapter/Filtering",
   component: TableAdapter,
   parameters: {
     layout: "centered",