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

2019-12-24,,,,,

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

您可能感兴趣的文章:

  • ExtJS下grid的一些属性说明
  • extjs 学习笔记 四 带分页的grid
  • extjs grid取到数据而不显示的解决
  • ExtJs GridPanel简单的增删改实现代码
  • Extjs4 GridPanel的主要配置参数详细介绍
  • ExtJs grid行 右键菜单的两种方法
  • ExtJS Grid使用SimpleStore、多选框的方法
  • Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
  • Extjs4 GridPanel 的几种样式使用介绍
  • ExtJS 4.2 Grid组件单元格合并的方法

《extjs grid设置某列背景颜色和字体颜色的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。