5.20241.9

グリッド:グループの集計

FlexGrid列にはaggregateプロパティがあり、これを使用してグリッド全体または各グループのデータサマリーを表示できます。

グループ集計を表示するには、集計する列にaggregateプロパティを設定し、グリッドの上部のグループパネルに列ヘッダーをドラッグすることによってグループを作成します。

グループ行に各グループの「売上」列と「費用」列の合計が含まれていることがわかります。データを編集すると、集計が自動的に更新されます。

// グループパネルグリッドを作成します
var theGrid = new wijmo.grid.FlexGrid('#theGrid', {
    autoGenerateColumns: false,
    columns: [ // 集計付きの列定義
        { binding: 'id', header: 'ID', width: 60, isReadOnly: true },
        { binding: 'country', header: '国' },
        { binding: 'product', header: '商品' },
        { binding: 'sales', header: '売上', aggregate: 'Sum' },
        { binding: 'expenses', header: '費用', aggregate: 'Sum' }
    ],
    itemsSource: data
});