I am using AG Grid React to build a grid with a filter set on each column.
In the status column I have the following configuration:
<code> {
field: 'status',
headerName: 'Status',
cellRenderer: StatusCellRenderer,
flex: 2,
filter: true,
},
</code>
<code> {
field: 'status',
headerName: 'Status',
cellRenderer: StatusCellRenderer,
flex: 2,
filter: true,
},
</code>
{
field: 'status',
headerName: 'Status',
cellRenderer: StatusCellRenderer,
flex: 2,
filter: true,
},
which allows me to filter per status. I am trying to have one of the status unselected by default as you open the filter panel, at the moment they are all selected.
Is there an api method to achieve so?
This is my attempt so far but it’s nowhere close the desired result:
<code> useEffect(() => {
if (gridRef?.current.api) {
const run = async () => {
await gridRef.current.api.setColumnFilterModel('status', {
type: 'set ',
values: ['booked', 'running', 'completed', 'submitted'],
});
gridRef.current.api.onFilterChanged();
};
run();
}
}, [gridRef]);
</code>
<code> useEffect(() => {
if (gridRef?.current.api) {
const run = async () => {
await gridRef.current.api.setColumnFilterModel('status', {
type: 'set ',
values: ['booked', 'running', 'completed', 'submitted'],
});
gridRef.current.api.onFilterChanged();
};
run();
}
}, [gridRef]);
</code>
useEffect(() => {
if (gridRef?.current.api) {
const run = async () => {
await gridRef.current.api.setColumnFilterModel('status', {
type: 'set ',
values: ['booked', 'running', 'completed', 'submitted'],
});
gridRef.current.api.onFilterChanged();
};
run();
}
}, [gridRef]);