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

发布时间：2020-12-14 23:02:41 所属栏目：资源来源：网络整理

导读：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 } 或者直接这样写

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!