ExtJS grid to set a column background color and font Color implementation method _extjs

CSS code:

Copy Code code as follows:

. x-grid-back-red {
Background: #FF0000;
}

JS Code:

Copy Code code as follows:

{
Header: ' Split type ',
Dataindex: ' Dividetype ',
Renderer:function (v,m) {
m.css= ' x-grid-back-red ';
return v;
},
Width:60
}

Or you can write it directly.

Copy Code code as follows:

{
Header: ' Number ',
Dataindex: ' Fcid ',
CSS: ' background: #FF0000; ',
Width:40
}

ExtJS Grid to set a line font color
CSS code:

Copy Code code as follows:

. x-grid-record-red table{
Color: #FF0000;
}

JS Code:
Code

Copy Code code as follows:

Viewconfig: {
Forcefit:true,
Getrowclass:function (Record,rowindex,rowparams,store) {
Disable data display red
if (record.data.zt==0) {
Return ' x-grid-record-red ';
}else{
Return ";
}
}
},