设置extjs网格摘要行的背景色

启用摘要网格

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;
}

自定义摘要呈现

{
     dataIndex: 'count',
     text: 'Count',
     summaryType: 'count',
     summaryRenderer: function(value, summaryData, dataIndex) {
         return (value && value>100)?"<font color='red'>"+value+"<font>":value; 
     }
},

{
dataIndex:'计数'，
文本：“计数”，
summaryType:'计数'，
summaryRenderer:函数（值、summaryData、dataIndex）{
返回值（值和值>100）？“”+value+“”：值；
}
},

只需添加以下css样式

.x-grid-row-summary {
    background-color: #efefef;
}

---

您有任何关于更改网格摘要行颜色的问题或帖子吗？很抱歉两年后问了一些问题。希望得到回应。如何动态更改摘要行背景色？我想上面的内容会改变所有摘要行的背景色。我想根据每个摘要行的某些条件更改颜色。您可以使用：“summaryRenderer:function（）”来操作summay单元格和行，只需将css类设置为此记录元素