首页 > 代码库 > 修改easyui中datagrid表头和数据不能分开对齐的BUG。

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

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

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