グリッド：グループパネル

wijmo.grid.grouppanelモジュールには、Outlook形式のグループ化UIをグリッドに追加するGroupPanelコントロールが用意されています。

GroupPanelコントロールを使用するには、列ヘッダーをパネルにドラッグしてグループを作成します。グループを新しい位置にドラッグしたり、グループを削除することもできます。

最初にFlexGridを作成します。

// グループパネルグリッドを作成します
var theGrid = new wijmo.grid.FlexGrid('#theGrid', {
    itemsSource: data
});

次に、GroupPanelを作成し、FlexGridインスタンスへの参照を渡します。

// グループパネルを作成し、グリッドを渡します
var theGroupPanel = new wijmo.grid.grouppanel.GroupPanel('#theGroupPanel', {
    placeholder: 'ここに列をドラッグするとグループを作成します',
    grid: theGrid
});