easyui datagrid 表格能不能居中显示

Posted 2023-05-16

1、水平方向居中，设置aligh属性，代码如下：

aligh="center";

2、垂直方向居中，需要重设CSS的列属性，代码如下：

columns:[[
                        
                        width:80,align:\'center\',
                            styler: function(value,row,index)
                                    return \'vertical-align:middle;\';
                            
                        
　　　　　　]]

3、设置完垂直和水平方向，即实现表格居中显示。

参考技术A 可以，有两个属性，align,halign，前者是field显示，后者是数据。
三个属性分别是,left,right,center追问

这是显示内容居中吧，我想要的是整个表格居中！

追答

表格怎么居中？？

追问

是啊！ 所以我问能不能居中阿

追答

我的意思是你要怎么个居中法

本回答被提问者和网友采纳

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