Changer le style de jqgrid - jqgrid

J'ai commencé à utiliser jqgrid pour mon projet et j'en suis assez content.

Capture d'écran des données dans jqgrid

J'ai deux petites questions liées au style.

• J'utilise le regroupement pour les colonnes, mais le nom de la colonne avec "+" ne s'affiche pas correctement. "+" Est à moitié masqué. Comment puis-je rectifier cela?
• Je veux utiliser le thème bleu. J'ai téléchargé les fichiers de ici et inclus ui.jqgrid.min.css dans mon code mais cela ne semble pas fonctionner. Quel pourrait être le problème?

Réponses:

Je ne suis pas sûr de la raison des problèmesque vous avez décrit. JqGrid gratuit avec stile d'interface graphique Bootstrap sans CSS jQuery UI CSS n'est pas encore final, mais GitHub contient déjà la version, qu'il est relativement proche de publier. j'ai crée la démo qui utilise guiStyle: "bootstrap". La restriction actuelle de guiStyle: "bootstrap" est l'utilisation de iconSet: "fontAwesome" aditionellement.

Pour personnaliser la couleur de jqGrid CSS, il suffit de spécifier la couleur de la bordure ou la couleur de l’arrière-plan. Par exemple, j'ai utilisé les règles CSS suivantes dans la démo:

.ui-jqgrid.ui-jqgrid-bootstrap {
border: 1px solid #003380;
}
.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-hdiv {
background-color: #cce0ff;
}
.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-toppager,
.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-pager {
background-color: #e6f0ff;
}

Les résultats sont comme sur la photo ci-dessous: