如何在jqgrid标题组中居中对齐文本

leo*_*ora 1 jquery header jqgrid

我正在使用jqgrid 4.2的新标题分组功能,除了它左对齐标题组中的所有文本外,它的效果很好.

如何将标题组文本对齐到单元格的中心?

这是一个屏幕截图,向您展示默认情况下它是如何工作的:(我希望"书籍"中心对齐")

注意:常规列标题中心对齐.

在此输入图像描述

tpe*_*zek 8

标题组单元格被赋予特殊类.ui-th-column-header.但是,这个类没有特殊的样式,如果你的项目中有任何东西你已经为这些元素设置了text-align(例如在ASP.NET MVC中,site.css正在这样做),文本将不是居中对齐的.在大多数情况下,将此添加到您的CSS应该可以做到这一点:

.ui-th-column-header
{
  text-align: center;
}
Run Code Online (Sandbox Code Playgroud)