Wie ändere ich die Schriftgröße in jqGrid?

Question

Es läuft bereits mit der ui-Leichtigkeit. Wie ändere ich die Schriftgröße im Raster?

Bitte beraten.

Vielen Dank.

Answer 1

Es gibt eine ausgezeichnete Post darüber auf der jqGrid Forum.

Im Wesentlichen können Sie tun, was Mano vorschlägt und die CSS-Datei direkt ändern, oder Sie können Ihren eigenen Inline-Stil erstellen, wenn Sie mehr Flexibilität benötigen. Zum Beispiel:

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

Wenn Sie einen Inline-Stil erstellen Sie benötigen, um es präziser zu machen Rasterzeilen zu holen:

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

Answer 2

Die erste Zeile in ui.jqgrid.css ist dies:

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

Ändern der Schriftgröße zu dem, was Sie brauchen.

Answer 3

Sie können auch eine spezielle Rasterspalte formatiert werden durch Bezugnahme auf sie in Ihr benutzerdefiniertes CSS mit dem Grid-Namen und verwenden Sie die Eigenschaft aria-directedby, um auf die spezifische Spalte zu zielen. Zum Beispiel:

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

Sie können hier mehr über aria-describedby lesen: http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

Answer 4

ich das vor kurzem für die Version 4.5.4 des jqGrid tat, und hatte mehr als nur die Eltern außer Kraft zu setzen .ui-jqgrid Selektor. In diesem Beispiel wollte ich alle Texte überall im Netz 12px im Vergleich zu dem Standardwert von 11px sein:

/* 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; 
} 

Beachten Sie, dass diese in einer separaten CSS-Datei durchgeführt wurde, nicht durch die verpackte CSS-Datei direkt bearbeiten.

Answer 5

In der neuesten Version - Guriddo_jqGrid_JS_4.8.2, inorder den Schriftstil von Raster-Zeilenelemente zu ändern, nur diese eine Änderung für mich gearbeitet - in ui.jqgrid.css

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