extjs grid设置某行字体颜色行颜色

最新推荐文章于 2021-02-01 03:24:01 发布

原创最新推荐文章于 2021-02-01 03:24:01 发布 · 612 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS

ext3.x 专栏收录该内容

21 篇文章

订阅专栏

本文介绍如何使用 ExtJS 框架为 Grid 组件设置自定义样式，包括字体颜色和背景色。通过 JavaScript 实现根据不同条件显示不同颜色的数据行。


.x-grid-record-red table{//字体色
	color: #FF0000;
}
.x-grid-record-green  table{   //背景色
    background: #00FF00;;   
}


viewConfig : {
				forceFit : true,
				getRowClass : function(record,rowIndex,rowParams,store){
					//禁用数据显示红色
					if(record.data.mydata=="testdata"){
						return 'x-grid-record-red';
					}else{
						return 'x-grid-record-green';
					}

				}
			},