5.20241.9
5.20241.9

グリッド:Excelスタイルのフィルタ

wijmo.grid.filterモジュールに用意されたFlexGridFilterクラスを使用して、列ごとにExcelスタイルのフィルタ処理UIを追加できます。

FlexGridFilterは、列ヘッダーにフィルタアイコンを追加します。ユーザーはこのアイコンをクリックして、値または条件に基づくフィルタを適用するためのドロップダウンを表示することができます。

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

function init() {
    // FlexGridFilter - クライアント側のフィルタ処理
    var theGrid = new wjGrid.FlexGrid('#theGrid', {
        itemsSource: data,
    });
    var filter = new wjGridFilter.FlexGridFilter(theGrid);
}