GridColumnMenuFilter

A Functional Component.

jsx

const TextColumnMenu = (props) => {
  return (
    <div>
      <GridColumnMenuSort {...props} />
      <GridColumnMenuFilter {...props} />
    </div>
  );
};

const App = () => {
  const [state, setState] = React.useState(
    createAppState({
      take: 10,
      skip: 0,
    })
  );

  function createAppState(dataState) {
    return {
      result: process(products.slice(0), dataState),
      dataState: dataState,
    };
  }

  const dataStateChange = (event) => {
    setState(createAppState(event.dataState));
  };

  return (
    <Grid
      data={state.result}
      {...state.dataState}
      onDataStateChange={dataStateChange}
      sortable={true}
      pageable={true}
    >
      <GridColumn field="ProductID" title="Product ID" />
      <GridColumn field="ProductName" columnMenu={TextColumnMenu} />
    </Grid>
  );
};

Name	Type	Default	Description
props	GridColumnMenuFilterProps		The props of the GridColumnMenuFilter component.