如何在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;
}

Answer 2

抱歉，但我无法重现此问题。 The demo使用中心对齐列标题生成以下网格：

如果您要发布您的演示，可以查看问题的来源。我想你会遇到其他一些CSS问题。

Answer 3

我有同样的问题，但我找到了解决方案。你在html中心标签

中提供 titleText

titleText：＆＃39;开放式中心标签书籍关闭中心标签＆＃39;

Answer 4

我必须在jqgrid的表头列中居中对齐文本，在元素检查后，以下情况适用于我的情况：

.ui-jqgrid-sortable {
    text-align: center;
}

希望它有所帮助。

Answer 5

试试这个，

$('.ui-jqgrid .ui-jqgrid-htable .ui-th-div').css('text-align', 'center');

Answer 6

然后检查元素，获取元素的id

    $('#jqgh_grid-table_CountryName').css('text-align', 'left');