首頁 >web前端 >js教程 >extjs grid设置某列背景颜色和字体颜色的实现方法_extjs

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

WBOY
WBOY原創
2016-05-16 18:20:05835瀏覽

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 '';
}
}
},
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn