当前位置：文江博客话题详情

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

发布于 2024-12-11 04:35:54 字数 298 浏览 0 评论 0原文

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

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

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

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

在此处输入图像描述

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

睡美人的小仙女 2024-12-18 04:35:54

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

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

The header group cell is given special class .ui-th-column-header. However this class has no special styling, if anywere in your project you have set text-align to left for th elements (for example in ASP.NET MVC the site.css is doing this) the text will not be center aligned. In most situations adding this to your CSS should do the trick:

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

回复收藏 0 原文

眼眸 2024-12-18 04:35:54

抱歉，但我无法重现该问题。演示生成以下带有中心对齐列标题的网格：

< img src="https://i.sstatic.net/99gJc.png" alt="在此处输入图像描述">

如果您要发布演示，人们可以检查问题的根源在哪里。我猜想是其他一些 CSS 造成了问题。

回复收藏 0 原文

套路撩心 2024-12-18 04:35:54

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

titleText 中给出 titleText： ' open center tag Books close center tag'

回复收藏 0 原文

微暖i 2024-12-18 04:35:54

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

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

希望它对某人有帮助。

I had to center align text in table head columns in jqgrid, after element inspection, the following worked in my case:

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

Hope it helps someone.

回复收藏 0 原文

拥抱影子 2024-12-18 04:35:54

试试这个，

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

回复收藏 0 原文

左岸枫 2024-12-18 04:35:54

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

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

Inspect the element then , get the id of the element

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

回复收藏 0 原文

负佳期 2024-12-18 04:35:54

这项工作

  jQuery(grid_selector).jqGrid('setGroupHeaders', {
                useColSpanStyle: false,//or true
                groupHeaders: [
                    { startColumnName: 'colName', numberOfColumns: 2, titleText: '<center>your text</center>' }
                ]
            });

this work

  jQuery(grid_selector).jqGrid('setGroupHeaders', {
                useColSpanStyle: false,//or true
                groupHeaders: [
                    { startColumnName: 'colName', numberOfColumns: 2, titleText: '<center>your text</center>' }
                ]
            });

回复收藏 0 原文

~没有更多了~