(Showing Draft Content)

Excel-like Filter in FlexGrid

The wijmo.grid.filter module provides a FlexGridFilter class that adds an Excel-style filtering UI to each column.

The FlexGridFilter adds filter icons to the column headers. Users may click the icons to see a drop-down where they can apply filters by value or by condition.

import * as wjGrid from '@mescius/wijmo.grid';
import * as wjGridFilter from '@mescius/wijmo.grid.filter';

function init() {
    // FlexGridFilter client-side filtering
    var theGrid = new wjGrid.FlexGrid('#theGrid', {
        itemsSource: data,
    var filter = new wjGridFilter.FlexGridFilter(theGrid);