GridColumnMenuGroup

A Functional Component.

jsx

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

const initialState = {
    take: 10,
    skip: 0
};

const App = () => {
    const [dataState, setDataState] = useState(initialState);
    const [result, setResult] = useState(process(products.slice(0), initialState));

    const dataStateChange = (event) => {
        setDataState(event.dataState);
        setResult(process(products.slice(0), event.dataState));
    }

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

export default App;

Name	Type	Default	Description
props	GridColumnMenuGroupProps		The props of the GridColumnMenuGroup component.