Jak zmienić rozmiar czcionki w jqGrid?

Question

Jest już uruchomiony z ui-lekkością. Jak zmienić rozmiar czcionki wewnątrz siatki?

Prosimy o radę.

Dziękuję.

Answer 1

Istnieje doskonały wpis na ten temat na jqGrid Forum.

Zasadniczo możesz zrobić to, co Mano sugeruje i modyfikować plik css bezpośrednio, lub możesz stworzyć własny styl, jeśli potrzebujesz większej elastyczności. Na przykład:

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

Jeśli do stworzenia stylu inline może trzeba uczynić go bardziej specyficzne odebrać wiersze Grid:

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

Answer 2

Pierwsza linia w ui.jqgrid.css to:

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

Zmień rozmiar czcionki do czego potrzebujesz.

Answer 3

Można także sformatować konkretną kolumnę siatki poprzez odniesienie go w Twoje niestandardowe css według nazwy siatki i użyj właściwości aria-describeby, aby celować w określoną kolumnę. Na przykład:

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

Możesz przeczytać więcej o aria-describedby tutaj: http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

Answer 4

Niedawno zrobił to dla wersji 4.5.4 z jqGrid i miał zastąpić więcej niż tylko rodzica .ui-jqgrid selektor. W tym przykładzie chciałem cały tekst w dowolnym miejscu sieci, aby być 12px wobec niewypłacalności 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; 
} 

Zauważ, że stało się to w osobnym pliku CSS, a nie bezpośrednio edytując spakowany plik CSS.

Answer 5

W najnowszej wersji - Guriddo_jqGrid_JS_4.8.2, Inorder zmienić styl czcionki elementów siatki wierszy, tylko ten jeden zmiana pracował dla mnie - w ui.jqgrid.css

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