Using ag-Grid with React: Filters

Additional Filter Options


In this video, we go over a few extra filter options. These all go in the filterParams object inside of a column definition.

We cover:

  • defaultOption - the default filter options to be selected (e.g. "contains," "inRange")
  • inRangeInclusive - if true, inRange filter option will include values equal to the start and end of the range
  • applyButton - set to true to have the filter use an Apply button (filter is only applied after the user hits the Apply button)
  • caseSensitive - set to true to make text filtering case sensitive
  • debounceMs - override the number of milliseconds to debounce by (500ms by default for text and number filters)

Up next, we'll learn about a feature called Quick Filter.


I finished! On to the next chapter