欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

extjs grid设置某列背景颜色和字体颜色的实现方法

程序员文章站 2022-06-24 18:27:44
css代码: 复制代码 代码如下: .x-grid-back-red { background: #ff0000; } js代码: 复制代码 代码如下: { header...
css代码:
复制代码 代码如下:

.x-grid-back-red {
background: #ff0000;
}


js代码:
复制代码 代码如下:

{
header : '分成类型',
dataindex : 'dividetype',
renderer : function(v,m){
m.css='x-grid-back-red';
return v;
},
width : 60
}

或者直接这样写也可以
复制代码 代码如下:

{
header : '编号',
dataindex : 'fcid',
css : 'background: #ff0000;',
width : 40
}

extjs grid设置某行字体颜色
css代码:

复制代码 代码如下:

.x-grid-record-red table{
color: #ff0000;
}

js代码:
代码
复制代码 代码如下:

viewconfig : {
forcefit : true,
getrowclass : function(record,rowindex,rowparams,store){
//禁用数据显示红色
if(record.data.zt==0){
return 'x-grid-record-red';
}else{
return '';
}
}
},