複数行グリッド：折りたたみ可能な列ヘッダー

デフォルトでは、MultiRowコントロールは複数の行から成る列ヘッダーを作成します。ここに、layoutDefinitionで定義された各セルのヘッダーが表示されます。

これらセル固有の列ヘッダーは、従来のグリッドと同様に、データのソートやフィルタ処理に使用できます。

列ヘッダーを1行に折りたたみ、個別のセルではなくグループ名のみを表示した方がよい場合もあります。列ヘッダーを折りたたむと、個別のセルヘッダーを表示するよりもスペースの節約になります。列ヘッダーを折りたたむには、collapsedHeadersプロパティをtrueに設定します。その場合は、列ヘッダーが空にならないように、グループのheaderプロパティを忘れずに設定してください。

import * as wjMultiRow from '@mescius/wijmo.grid.multirow';

var chMultirow = new wjMultiRow.MultiRow('#chMultirow', {
    itemsSource: appData.orders,
    layoutDefinition: appData.ldThreeLines,
    collapsedHeaders: true,
    showHeaderCollapseButton: true
});