Merge branch '368-bug-sorting-not-working-for-metadata-created-or-modified'

Author: RafaelGB

src/components/Table.tsx

@@ -48,7 +48,7 @@ const defaultColumn: Partial<ColumnDef<RowDataType>> = {
   cell: DefaultCell,
   header: DefaultHeader,
   enableResizing: true,
-  sortingFn: "alphanumeric",
+  sortingFn: "auto",
 };
 
 /**

src/components/cellTypes/MarkdownCell.tsx

@@ -5,7 +5,7 @@ import React, { useEffect, useRef } from "react";
 
 const MarkdownCell = (mdProps: CellComponentProps) => {
   const { defaultCell } = mdProps;
-  const { table, row, column } = defaultCell;
+  const { cell, table, row, column } = defaultCell;
   const { tableState } = table.options.meta;
   const markdownRow = tableState.data((state) => state.rows[row.index]);
   const mdRef = useRef<HTMLDivElement>();
@@ -21,7 +21,13 @@ const MarkdownCell = (mdProps: CellComponentProps) => {
       );
     }
   });
-  return <span ref={mdRef} className={`${c("md_cell")}`}></span>;
+  return (
+    <span
+      ref={mdRef}
+      className={`${c("md_cell")}`}
+      key={`markdown_${cell.id}`}
+    />
+  );
 };
 
 export default MarkdownCell;

src/components/cellTypes/MetadataTimeCell.tsx

@@ -1,5 +1,4 @@
 import { CellComponentProps } from "cdm/ComponentsModel";
-import { TableColumn } from "cdm/FolderModel";
 import { renderMarkdown } from "components/obsidianArq/MarkdownRenderer";
 import { c } from "helpers/StylesHelper";
 import { DateTime } from "luxon";
@@ -25,7 +24,13 @@ const MetadataTimeCell = (mdProps: CellComponentProps) => {
       renderMarkdown(defaultCell, metadataValue, mdRef.current, 5);
     }
   });
-  return <span ref={mdRef} className={`${c("md_cell")}`}></span>;
+  return (
+    <span
+      ref={mdRef}
+      className={`${c("md_cell")}`}
+      key={`metadata_time_${cell.id}`}
+    />
+  );
 };
 
 export default MetadataTimeCell;