Как центрировать выравнивание текста в группе заголовков jqgrid - jquery


1

Я использую новую функцию группировки заголовков jqgrid 4.2, которая отлично работает, за исключением того, что она оставила выравнивание всего текста в группах заголовков.

Как выровнять текст группы заголовков в центре ячейки?

Вот скриншот, показывающий, как он работает по умолчанию: (Я хочу, чтобы "Книги" были выровнены по центру ")

ПРИМЕЧАНИЕ. Регулярные заголовки столбцов ARE выравниваются по центру.

enter image description here

  •  17
  •  6
  • 8 фев 2020 2020-02-08 08:05:15

6 ответов

0

Мне пришлось центрировать выравнивание текста в столбцах head head в jqgrid, после проверки элемента в моем случае работало:

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

Надеюсь, что это поможет кому-то.

0

Затем проверьте элемент, получите идентификатор элемента

    $(#jqgh_grid-table_CountryName).css(text-align, left);
  • 8 фев 2020 2020-02-08 08:05:17
0

Попробуйте это,

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

  • 8 фев 2020 2020-02-08 08:05:17
0

У меня была такая же проблема, но я нашел решение. вы даете titleText в теге html center

titleText: открытый центр тега Закрыть тег тегов

  • 8 фев 2020 2020-02-08 08:05:17
8

Ячейке группы заголовков присваивается специальный класс .ui-th-column-header. Однако у этого класса нет специального стиля, если бы в вашем проекте вы установили выравнивание текста влево для элементов th (например, в ASP.NET MVC, это делает site.css), текст не будет выровнен по центру. В большинстве ситуаций добавление этого в ваш CSS должно делать трюк:

.ui-th-column-header
{
  text-align: center;
}
  • 8 фев 2020 2020-02-08 08:05:16
3

Извините, но я не могу воспроизвести проблему. Демо создает следующую сетку с заголовками столбцов центрального выравнивания:

enter image description here

Если вы опубликуете свою демоверсию, можно проверить, где возникла проблема. Я полагаю, что некоторые другие CSS, которые вы ставите проблему.

  • 8 фев 2020 2020-02-08 08:05:16