Question

怎么给esayUI datagrid列标题名title做修改背景色或字体的操作？

easyUI中datagrid内容和标题区分不明显，如果给内容加背景色就无法明显的
区分选择状态了，所以想请教各位大神们datagrid的列标题怎么做修改。

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）

Answer 1

重写下面的样式就可以了

.datagrid-header,
.datagrid-td-rownumber {
background-color: #efefef;
background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
}

Answer 2

onLoadSuccess:function(){
// 更改表头颜色（分部门）
var trArr = $(this).prev().find("tr.datagrid-header-row");
var trObj = trArr[0];
var tdArr = trObj.cells;
for (var i = 0; i < tdArr.length; i++) {
if(i<4){
tdArr[i].style.backgroundColor = "red";
}
}
}