ホームページ >ウェブフロントエンド >jsチュートリアル >extjsの列の背景色とフォント色を設定する方法grid_extjs

extjsの列の背景色とフォント色を設定する方法grid_extjs

WBOY
WBOYオリジナル
2016-05-16 18:20:232019ブラウズ

CSS コード:

コードをコピー コードは次のとおりです:

.x- Grid-back -red {
background: #FF0000;


js コード:

コードをコピー コードは次のとおりです:
{
header: 'divide type'、
dataIndex: 'divideType'、
renderer: function (v,m){
m.css='x-grid-back-red'
return v;
width : 60
}


または次のように直接書くこともできます。


{
header: 'Number' 、
dataIndex : 'fcId'、
css : 'background: #FF0000;'、
width : 40
}


extjs グリッドは特定の行のフォントの色を設定します
CSS コード:


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


js コード:
code



コードをコピーします コードは次のとおりです: viewConfig: {
forceFit: true,
getRowClass: function(record,rowIndex,rowParams,store){
// データの赤色表示を無効にする
if(record.data.zt==0){
return 'x-grid-record -red';
}else{
return ''
}
}
},


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。