EasyUI中datagrid的样式

EasyUI中，很多时候都要对datagrid的样式进行修改，例如大于24岁的行背景设置为红色；性别为男的列，字体设置为绿色；当行过长时，鼠标移动到行上时，显示该行全部内容；格式化显示时间等等需求。下面就来讲解一下，EasyUI中，怎么来实现上面的效果。

1、使用formatter列属性来对datagrid样式进行修改

1.1 对性别来进行控制

场景：

在程序中，很可能后台存放性别的，并不是“男”和“女”，而是0和1，那么在前端怎么来进行转换了，其实转换起来很容易，代码如下：

formatter:function(value , record , index){
		if(value == 0){
			return '<span style=color:red; >男</span>' ;
		} else if( value == 1){
			return '<span style=color:green; >女</span>' ; 
		}
}

formatter是一个函数，该函数有3个参数，分别为当前列的值，当前整行的记录和当前行的索引。打印到控制台上结果如下：