javascript - tirand - jquery() jqgrid




Comment changer la taille de la police dans jqGrid? (4)

Il y a un excellent article à ce sujet sur le forum jqGrid .

Essentiellement, vous pouvez faire ce que Mano suggère et modifier le fichier css directement, ou vous pouvez créer votre propre style en ligne si vous avez besoin de plus de flexibilité. Par exemple:

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

Si vous créez un style en ligne, vous devrez peut-être le rendre plus spécifique pour récupérer les lignes de la grille:

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

Il court déjà avec l'ui-légèreté. Comment changer la taille de la police dans la grille?

S'il vous plaît donnez votre avis.

Je vous remercie.


La toute première ligne dans ui.jqgrid.css est la suivante:

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

Changez la taille de police à ce dont vous avez besoin.


J'ai récemment fait ceci pour la version 4.5.4 du jqGrid, et ai dû surcharger plus que juste le parent .ui-jqgrid selector. Dans cet exemple, je voulais que tout le texte de la grille soit 12px par rapport à la valeur par défaut de 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;
}

Notez que cela a été fait dans un fichier CSS séparé, pas en éditant directement le fichier CSS empaqueté.


Dans la dernière version - Guriddo_jqGrid_JS_4.8.2, pour modifier le style de police des éléments de la ligne de grille, un seul changement a fonctionné pour moi - dans ui.jqgrid.css

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




jqgrid