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

Question

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

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

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

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

Answer 1

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

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

Answer 2

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

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

Answer 3

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

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

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

Answer 4

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

titleText: 'тег open center Книги тег тега close center'

Answer 5

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

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

Answer 6

Попробуйте,

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