首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >设置extjs网格摘要行的背景色

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

Stack Overflow用户
提问于 2013-11-11 17:51:20
回答 1查看 2.6K关注 0票数 0

启用汇总网格;

代码语言:javascript
运行
复制
Ext.create('Ext.grid.Panel', {
            features: [{
                ftype: 'summary'
            }],

在需要的列中添加summaryType配置;

代码语言:javascript
运行
复制
columns: [{
    dataIndex: 'name',
    text: 'Name',
    summaryType: 'sum',
...

自定义summaryType看起来像;

代码语言:javascript
运行
复制
dataIndex: 'subtotal',
text: 'SubTotal',
summaryType: function(records){
    return 100*100;//custom function
} 

简单的css添加来改变extjs网格摘要行的背景颜色;

代码语言:javascript
运行
复制
.x-grid-row-summary {
    background-color: #efefef;
}

自定义SummaryRender;

代码语言:javascript
运行
复制
{
     dataIndex: 'count',
     text: 'Count',
     summaryType: 'count',
     summaryRenderer: function(value, summaryData, dataIndex) {
         return (value && value>100)?"<font color='red'>"+value+"<font>":value; 
     }
},
EN

回答 1

Stack Overflow用户

发布于 2013-11-11 17:51:20

只需在下面添加css样式

代码语言:javascript
运行
复制
.x-grid-row-summary {
    background-color: #efefef;
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19903319

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档