easyui的datagrid中表头和列只能同时全部向左对齐,全部向右对齐或者居中对齐。
有时候有需求,数据向左或向右,表头居中对齐。
在不修改源码的情况下。下面的代码可以实现该功能。
把下面代码放在生成表格代码的后面即可。
//获取表头节点
var headers = $(".datagrid-header-row>td");
$.each(headers,function(i,item){
//更改表头样式为居中
var newStyle = $(item).attr("style")+";"+"text-align:center"; //表头的对齐方式在此处修改
$(item).attr("style",newStyle);
//重新渲染样式。
$.parser.parse(null) ;
});