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

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

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

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

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

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

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

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

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

Недавно я сделал это для версии 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.

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

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

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

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

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