Comment modifier la taille de la police dans jqGrid?

Il y a une excellente publication à ce sujet sur le forum jqGrid .

Essentiellement, vous pouvez faire ce que Mano suggère et modifiez le fichier css directement, ou vous pouvez créer votre propre style en ligne si vous avez besoin de plus de souplesse. 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 ramasser les lignes de la grille:

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

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

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

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

Vous pouvez également formater une colonne de grille spécifique en la référant dans votre css personnalisé par le nom de la grille et utilisez la propriété aria-describedby pour cibler la colonne spécifique. Par exemple:

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

Vous pouvez en savoir plus sur aria-décrit ici: http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

Je l'ai récemment fait pour la version 4.5.4 du jqGrid, et j'ai dû outrepasser plus que le .ui-jqgrid parent .ui-jqgrid . Dans cet exemple, je voulais que tout le texte dans 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 distinct, et non en éditant directement le fichier CSS emballé.

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

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