extjs-grid修改行,列的颜色

修改选中行的颜色就可用如下设置完成：

.x-grid3-row-selected{background:#c6e2ff!important;}

-----------在ext-all.css修改代码如下---------

.x-grid3-row {

border-color:#ffaaee;//改变grid边框颜色

border-top-color:#fff;

}

.x-gid3-row-alt{

background-color:#ddeeaa;//改变 行的颜色

}

.x-grid3-row-over {

border-color:#ddd;

      background-color:#ee1166;//鼠标移上去改变行的底色

      background-image:url(../images/default/grid/row-over.gif);

}
给grid一列加着色
1、这个为columnModel中的idaorD
   .x-grid3-col-aorD {
      background: #bde0e8
   }
2、css代码
.x-grid-back-red {
     background: #FF0000;
}
.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 : 'divideType',
           renderer : function(v,m){
               m.css='x-grid-back-red';
               return v;
           },
           width : 60
       }
3、
或者直接这样写也可以
Js代码
{
             header : '编号',
             dataIndex : 'fcId',
             css : 'background: #FF0000;',
             width : 40
         }
{
           header : '编号',
           dataIndex : 'fcId',
           css : 'background: #FF0000;',
           width : 40
       }

4、extjs grid设置某行字体颜色
.x-grid-record-red table{
   color: #FF0000;
}
viewConfig : {
               forceFit : true,
               getRowClass : function(record,rowIndex,rowParams,store){
                   //禁用数据显示红色
                   if(record.data.zt==0){
                       return 'x-grid-record-red';
                   }else{
                       return '';
                   }    
               }
           },