Expression Filter Manager

The Graphite Grid package provides a standalone FilterManager component that can be used to add, clear, and modify a grid's filters. The FilterManager component is not part of the core Graphite Grid code but can be used alongside any grid in your application.

The example below shows the FilterManager component with a basic filter applied.

import { FilterManager } from "@1771technologies/graphite-grid-react";
 
export function FilterExpressionManager() {
  const grid = useGraphiteGrid({
    // properties
  });
 
  return (
    <div>
      <FilterManager state={grid} />
    </div>
  );
}

Notice that the FilterManager component is a standard React component that provides the Graphite Grid state object returned by useGraphiteGrid. As a standard component, it can be used anywhere within your application.

Customizing the FilterManager

The FilterManager component provides many properties that can be used to customize the look and feel of the FilterManager. See the FilterManagerProps API Reference for a full description of each property.