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

Question

我正在使用the new header grouping feature of jqgrid 4.2除了它左对齐标题组中的所有文本之外，它的效果很好。

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

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

注意:常规列标题居中对齐。

Answer 1

标题组单元格被赋予特殊类 .ui-th-column-header。然而，这个类没有特殊的样式，如果您的项目中的任何元素已将 text-align 设置为左​​侧(例如在 ASP.NET MVC 中，site.css 正在执行此操作)，则文本将不会居中对齐。在大多数情况下，将其添加到 CSS 中应该可以解决问题:

.ui-th-column-header
{
  text-align: center;
}