修改easyui中datagrid表头和数据不能分开对齐的BUG。

Posted 2020-08-15 孔小爽

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) ;
});