Pre-populated Filter Options

[kennsorr]

Is there a way to pre-populate filter options?

I'd like to programmatically set/select some filter options on the click of a button, and/or have them pre-populated on load.

Is there an example of this somewhere?

[kennsorr]

Found a work around for this. Once the table is created using useMaterialReactTable, the table instance has a setState method available that can be used to toggle/select the filterSelectOptions.

const table = useMaterialReactTable({ 
    ...,
    {
        accessorKey: 'owner',
        header: 'Owner',
        size: 120,
        filterVariant: 'multi-select',
        filterSelectOptions: ['ownerA', 'ownerB', 'ownerC', ...],
    },
    ...,
 });

Child component with table passed in as prop:

useEffect(() => {
  if (dep) {
    table.setState((prevState: MRT_Updater<any>) => {
      columnFilters = [{ id: "owner", value: **newfilterSelectedOptions** }];
          return {
             ...prevState,
             columnFilters: columnFilters,
          }
      });
   }
}, [dep])