moderate-tomato

Complex filters

Hi,

I have a complex filter (consist of a string - search phrase and a boolean - toggle).

I would like all of the columns to be filtered by default filterFn (I believe

includesString

includesString

) apart from one column that would be filtered by that toggle(it is not simple match of boolean values).

How can I handle complex filters from both perspective table state but then also column filtering?

Originally I was thinking about something like

  const customFilterFn: FilterFn<Item> = useMemo(
    () => row => {
      return externalToggle ? row.original.property?.value === externalValue;
    },
    [externalToggle, externalValue]
  );

  const columns: ColumnDef<Item>[] =  useMemo(() => [{
    accessorKey: 'property',
    ...
    filterFn: customFilterFn,
  }], []),

  const customFilterFn: FilterFn<Item> = useMemo(
    () => row => {
      return externalToggle ? row.original.property?.value === externalValue;
    },
    [externalToggle, externalValue]
  );

  const columns: ColumnDef<Item>[] =  useMemo(() => [{
    accessorKey: 'property',
    ...
    filterFn: customFilterFn,
  }], []),

But this doesn't work

TanStack•2y ago

moderate-tomato

Complex filters

Hi,

I have a complex filter (consist of a string - search phrase and a boolean - toggle).

I would like all of the columns to be filtered by default filterFn (I believe

includesString

includesString

  const customFilterFn: FilterFn<Item> = useMemo(
    () => row => {
      return externalToggle ? row.original.property?.value === externalValue;
    },
    [externalToggle, externalValue]
  );

  const columns: ColumnDef<Item>[] =  useMemo(() => [{
    accessorKey: 'property',
    ...
    filterFn: customFilterFn,
  }], []),

  const customFilterFn: FilterFn<Item> = useMemo(
    () => row => {
      return externalToggle ? row.original.property?.value === externalValue;
    },
    [externalToggle, externalValue]
  );

  const columns: ColumnDef<Item>[] =  useMemo(() => [{
    accessorKey: 'property',
    ...
    filterFn: customFilterFn,
  }], []),

But this doesn't work

Complex filters

Similar Threads

Complex filters

Similar Threads

Similar Threads

Similar Threads