customsortingFn

Author: RafaelGB

src/components/Table.tsx

@@ -41,14 +41,14 @@ import Select, { OnChangeValue } from "react-select";
 import TableRow from "components/TableRow";
 import getInitialColumnSizing from "components/behavior/InitialColumnSizeRecord";
 import { globalDatabaseFilterFn } from "components/reducers/TableFilterFlavours";
+import dbfolderColumnSortingFn from "./reducers/CustomSortingFn";
 
 const defaultColumn: Partial<ColumnDef<RowDataType>> = {
   minSize: DatabaseLimits.MIN_COLUMN_HEIGHT,
   maxSize: DatabaseLimits.MAX_COLUMN_HEIGHT,
   cell: DefaultCell,
   header: DefaultHeader,
   enableResizing: true,
-  sortingFn: "auto",
 };
 
 /**
@@ -242,7 +242,10 @@ export function Table(tableData: TableDataType) {
       tableState: tableStore,
       view: view,
     },
-    defaultColumn: defaultColumn,
+    defaultColumn: {
+      ...defaultColumn,
+      sortingFn: dbfolderColumnSortingFn(configInfo.getLocalSettings()),
+    },
     getExpandedRowModel: getExpandedRowModel(),
     getCoreRowModel: getCoreRowModel(),
     getSortedRowModel: getSortedRowModel(),

src/components/reducers/CustomSortingFn.tsx

@@ -0,0 +1,36 @@
+import { Row, SortingFn } from "@tanstack/react-table";
+import { RowDataType } from "cdm/FolderModel";
+import { LocalSettings } from "cdm/SettingsModel";
+import { InputType } from "helpers/Constants";
+import { Literal } from "obsidian-dataview";
+import { DataviewService } from "services/DataviewService";
+
+const dbfolderColumnSortingFn: (
+  ddbbConfig: LocalSettings
+) => SortingFn<RowDataType> =
+  (ddbbConfig: LocalSettings) =>
+  (
+    rowA: Row<RowDataType>,
+    rowB: Row<RowDataType>,
+    columnId: string
+  ): number => {
+    const a = DataviewService.parseLiteral(
+      rowA.getValue<Literal>(columnId),
+      InputType.MARKDOWN,
+      ddbbConfig,
+      true
+    )
+      .toString()
+      .toLowerCase();
+    const b = DataviewService.parseLiteral(
+      rowB.getValue<Literal>(columnId),
+      InputType.MARKDOWN,
+      ddbbConfig,
+      true
+    )
+      .toString()
+      .toLowerCase();
+    return a === b ? 0 : a > b ? 1 : -1;
+  };
+
+export default dbfolderColumnSortingFn;