启用摘要网格;
Ext.create('Ext.grid.Panel', {
features: [{
ftype: 'summary'
}],
将summaryType配置添加到您需要的列中;
columns: [{
dataIndex: 'name',
text: 'Name',
summaryType: 'sum',
...
自定义summaryType看起来像;
dataIndex: 'subtotal',
text: 'SubTotal',
summaryType: function(records){
return 100*100;//custom function
}
简单的css除了改变extjs网格汇总行的背景颜色外;
.x-grid-row-summary {
background-color: #efefef;
}
自定义SummaryRender;
{
dataIndex: 'count',
text: 'Count',
summaryType: 'count',
summaryRenderer: function(value, summaryData, dataIndex) {
return (value && value>100)?"<font color='red'>"+value+"<font>":value;
}
},
答案 0 :(得分:2)
只需添加以下css样式
.x-grid-row-summary {
background-color: #efefef;
}