Ext.grid.feature.Summary 是 Grid 的feature之一。
这个特性会在表格的最下方多一行汇总。 汇总行主要包含两个部分:
- 值的计算
- 效果的渲染
使用后的效果如下:
定义方式
定义的步骤如下:
- 在grid的配置中使用features 加入 summary 的特性类型
ftype: 'summary'
- 在columns的每一列的配置中, 使用summaryType 定义汇总运算的类型
- [可选] 对于每一列的汇总显示可以使用summaryRenderer 对显示进行渲染, 比如加粗显示。
完整示例代码如下:
{
xtype: 'grid',
title: 'Grid汇总行特性:summary',
features: [{
ftype: 'summary'
}],
columns: [{
text: '武将名',
dataIndex: 'name',
summaryType: 'count',
su