Как изменить размер шрифта в jqGrid?

Ответ 1

Об этом есть отличный пост на jqGrid Forum.

По существу вы можете делать то, что Mano предлагает и модифицирует файл css напрямую, или вы можете создать свой собственный стиль в строке, если вам нужна большая гибкость. Например:

.ui-jqgrid {font-size:0.8em}

Если вы создаете встроенный стиль, вам может потребоваться сделать более конкретным для сбора строк сетки:

.ui-jqgrid tr.jqgrow td {font-size:0.8em}

Ответ 2

Самая первая строка в ui.jqgrid.css такова:

 .ui-jqgrid{position:relative;font-size:11px;}

Измените размер шрифта на то, что вам нужно.

Ответ 3

Недавно я сделал это для версии 4.5.4 jqGrid и должен был переопределить не только родительский селектор .ui-jqgrid. В этом примере я хотел, чтобы весь текст в сетке был 12px по сравнению с значением по умолчанию 11px:

/* Bump up the font-size in the grid */
.ui-jqgrid,
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-pg-input {
    font-size: 12px;
}

Обратите внимание, что это было сделано в отдельном файле CSS, а не путем прямого редактирования упакованного файла CSS.

Ответ 4

Вы также можете отформатировать конкретный столбец сетки, указав его в своем пользовательском css по имени сетки и используя свойство aria, описанное для того, чтобы нацелиться на конкретный столбец. Например:

#Mygrid td[aria-describedby="Mygrid_myspecialcolumnname"] { font-size: 14px; }

Вы можете узнать больше об арии, описанной здесь: http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

Ответ 5

В последней версии - Guriddo_jqGrid_JS_4.8.2, чтобы изменить стиль шрифта элементов сетки-строки, только это одно изменение сработало для меня - в ui.jqgrid.css

.ui-jqgrid tr.jqgroup td {font-weight: bold; font-size: 12px;}