fixed

Author: RafaelGB

src/components/DefaultHeader.tsx

@@ -15,13 +15,11 @@ import TagsIcon from "components/img/TagsIcon";
 import { AddColumnModal } from "components/modals/newColumn/addColumnModal";
 import { InputType, MetadataColumns } from "helpers/Constants";
 import { LOGGER } from "services/Logger";
-import { DatabaseHeaderProps, RowDataType, TableColumn } from "cdm/FolderModel";
+import { DatabaseHeaderProps, TableColumn } from "cdm/FolderModel";
 import ReactDOM from "react-dom";
 import { c } from "helpers/StylesHelper";
 import { RowSelectOption } from "cdm/ComponentsModel";
 import { AddColumnModalProps } from "cdm/ModalsModel";
-import { AccessorFn, Row } from "@tanstack/react-table";
-import { Literal } from "obsidian-dataview";
 
 /**
  * Generate column Options with Select type
@@ -103,9 +101,6 @@ export default function DefaultHeader(headerProps: DatabaseHeaderProps) {
       propertyIcon = <MarkdownObsidian />;
       break;
     case InputType.TAGS:
-      header.column.accessorFn = (originalRow: RowDataType, index: number) => {
-        return originalRow[id] as Literal;
-      };
       propertyIcon = <TagsIcon />;
       break;
     case InputType.TASK:

src/components/Table.tsx

@@ -41,6 +41,7 @@ import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import TableCell from "components/TableCell";
 import getInitialColumnSizing from "components/behavior/InitialColumnSizeRecord";
+import { globalDatabaseFilterFn } from "components/reducers/TableFilterFlavours";
 
 const defaultColumn: Partial<ColumnDef<RowDataType>> = {
   minSize: DatabaseLimits.MIN_COLUMN_HEIGHT,
@@ -221,7 +222,9 @@ export function Table(tableData: TableDataType) {
       setColumnSizing(list);
     },
     onColumnOrderChange: setColumnOrder,
-    globalFilterFn: "includesStringSensitive",
+    // Hack to force react-table to use all columns when filtering
+    getColumnCanGlobalFilter: (column) => true,
+    globalFilterFn: globalDatabaseFilterFn(ddbbConfig),
     meta: {
       tableState: tableStore,
       view: view,

src/components/reducers/TableFilterFlavours.ts

@@ -0,0 +1,19 @@
+import { FilterFn, Row } 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";
+
+export const globalDatabaseFilterFn: (ddbbConfig: LocalSettings) => FilterFn<RowDataType> = (ddbbConfig: LocalSettings) => (
+    row: Row<RowDataType>,
+    columnId: string,
+    filterValue: string
+) => {
+    const value = row.getValue<Literal>(columnId);
+    if (value === undefined) {
+        return false;
+    }
+    const sanitized = DataviewService.parseLiteral(value, InputType.MARKDOWN, ddbbConfig, true);
+    return sanitized.toString().includes(filterValue)
+}