extjs grid设置某列背景颜色和字体颜色的实现方法
程序员文章站
2022-03-20 23:11:15
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 '';
}
}
},
复制代码 代码如下:
.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 '';
}
}
},
推荐阅读
-
linux shell之控制台打印各种颜色字体和背景的实现方法
-
extjs grid设置某列背景颜色和字体颜色的方法
-
extjs grid设置某列背景颜色和字体颜色的实现方法
-
linux shell之控制台打印各种颜色字体和背景的实现方法
-
extjs grid设置某列背景颜色和字体颜色的方法_extjs
-
jquery实现实时改变网页字体大小、字体背景色和颜色的方法_jquery
-
jquery实现实时改变网页字体大小、字体背景色和颜色的方法_jquery
-
extjs grid设置某列背景颜色和字体颜色的方法
-
extjs grid设置某列背景颜色和字体颜色的实现方法
-
extjs grid设置某列背景颜色和字体颜色的实现方法_extjs