Bezdepbonusu7Программирование: статьи и ответы

Вопрос

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

Автор вопроса: Kim StacksОтветов: 5

Он уже работает с ui-lightness. Как изменить размер шрифта внутри сетки?

Пожалуйста, порекомендуйте.

Спасибо.

javascriptjquerycssjqgridjquery-ui

Ответы

Ответ 1 · рейтинг 28 · Justin Ethier

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

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

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

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

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

Ответ 2 · рейтинг 6 · Mano

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

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

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

Ответ 3 · рейтинг 3 · Cᴏʀʏ

Недавно я сделал это для версии 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 · рейтинг 1 · echo

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

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

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

Ответ 5 · dupree

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

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

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы