如何在jqgrid标题组中居中对齐文本
我正在使用jqgrid 4.2的新标题分组function,除了它左对齐标题组中的所有文本外,它的效果很好。
如何将标题组文本对齐到单元格的中心?
这是一个截图,向您展示默认情况下它是如何工作的:(我希望“书籍”中心对齐“)
注意:常规列标题中心对齐。
对不起,但我无法重现这个问题。 该演示使用中心对齐列标题生成以下网格:
如果您要发布您的演示,可以检查问题的起源。 我想其他一些你提出问题的CSS。
标题组单元格被赋予特殊类.ui-th-column-header。 但是这个类没有特殊的样式,如果你的项目中有任何东西你已经为左边的元素设置了text-align(例如在ASP.NET MVC中,site.css正在这样做)文本将不是居中对齐的。 在大多数情况下,将此添加到您的CSS应该可以做到这一点:
.ui-th-column-header { text-align: center; }
我有同样的问题,但我找到了解决方案。 你在html中心标签内给出了titleText
titleText:’开放中心标签书籍关闭中心标签’
我必须在jqgrid中的表头列中居中对齐文本,在元素检查之后,以下工作在我的情况下:
.ui-jqgrid-sortable { text-align: center; }
希望它可以帮到某人。
试试这个,
$('.ui-jqgrid .ui-jqgrid-htable .ui-th-div').css('text-align', 'center');
然后检查元素,获取元素的id
$('#jqgh_grid-table_CountryName').css('text-align', 'left');