首页 > 代码库 > 修改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。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。