Filtering By Two Columns

  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([
    { id: 'fullName', value: '' },
    { id: 'email', value: '' },
  ]);

  const [combinedFilterValue, setCombinedFilterValue] = React.useState<string>("");

  const handleCombinedFilterChange = (event: React.ChangeEvent<HTMLInputElement>) => {
      const value = event.target.value;
      setCombinedFilterValue(value);
      const updatedFilters = [
          { id: 'fullName', value },
          { id: 'email', value },
      ];
      setColumnFilters(updatedFilters);
  };

<Input
  placeholder="Filter emails or full names..."
  value={combinedFilterValue}
  onChange={handleCombinedFilterChange}
  className="max-w-sm"
/>