easyui 动态修改标题行,tr和td样式

$('#id').datagrid({
url : url,
            rownumbers:false, //显示ID
            fitColumns: true,
            singleSelect:true,
            striped:true,
            width:'109%',
            height:'95%',
            columns:[[
                {field:'apptype',title:'业务名称',width:'25%',align:'center'}, 
                {field:'groupnum',title:'业务总量',width:'24.5%',align:'center'},
                {field:'num',title:'异常业务量',width:'24.5%',align:'center'},
                {field:'rate',title:'异常占比',width:'24%',align:'center',
                formatter: function(value,row,index){
                var d = value + "%";
                return d;
                },
                },
            ]], onLoadSuccess: function (data) {
                var panel = $(this).datagrid('getPanel');  
                panel.css({   //修改标题样式
                "font-size":"13px",
                "color":"#333333"
                });

                var tr = panel.find('div.datagrid-body tr');

               tr.css({  //修改行样式

"color":"#333333",

});

                tr.each(function () {
                    var td = $(this).children('td');
                    td.css({
                        "border-width": "0",   //去除datagrid 的网格线
                        "border-top":"1px solid #e5e5e5",
                        "height":"40px"
                    });
                    
                })
            }

});

你可能感兴趣的:(前端)