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

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

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

css コード:

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

.x-grid-back -red {
背景: #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 までご連絡ください。