Extjs 控制 grid 行 列 的显示内容

{
           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 '';
     }
     
    }
   },