Extjs 控制 grid 行列的显示内容

最新推荐文章于 2021-07-06 09:37:23 发布

iteye_11997

最新推荐文章于 2021-07-06 09:37:23 发布

阅读量150

点赞数

分类专栏： Extjs 文章标签： CSS

本文链接：https://blog.csdn.net/iteye_11997/article/details/81761000

版权

Extjs 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

{
           header : '发送时间',
           sortable : true,
           dataIndex : 'sendTime',
           width : 150,
           renderer : function(date) {
            return date  //这个date是一个时间戳
              ? new Date(parseInt(date))
                .toLocaleString()
              : '';
           }
          }

还可以改css

css代码

Java代码

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

Js代码

{
			header : '分成类型',
			dataIndex : 'divideType',
			renderer : function(v,m){
				m.css='x-grid-back-red';
				return v;
			},
			width : 60
		}

或者直接这样写也可以

Js代码

{
			header : '编号',
			dataIndex : 'fcId',
			css : 'background: #FF0000;',
			width : 40
		}

改变行的css

.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 '';
     }

    }
   },