J'ai une grille JQuery, avec 5 colonnes. Mon nom de colonne est trop grand alors j'ai défini quelque chose comme ça dans ma grille de jquery: dans ma colonne de jQuery, je vois "informations sur" mais je ne suis pas capable de voir "clients biodata" . Comment puis-je régler la hauteur d'en-tête?
4 Réponses :
Si vous parlez de JQGRID, on dirait que le correctif est un Tweak CSS selon les articles suivants:
http://www.trirand.com/blog/?page_id=393/help/grid-header-height/
http://2centech.blogspot.com /2009/12/jqgrid-header-and-cell-value-word-wrap.html éditer: comme ! important indicateur sur la règle de hauteur (et éventuellement les autres?). Donc, si vous constatez que ce qui précède CSS ne fonctionne pas, cela peut être pourquoi. Il suffit de modifier les règles ci-dessus pour inclure hauteur: auto! Important et vous devriez être prêt à partir.
Dans le blog, il mentionne ce style après le CSS du chargement JQGRID , comment pouvons-nous nous assurer de cela? J'ai utilisé ce qui précède CSS mais la hauteur de la colonne est toujours fixée.
@ RD22 En général, tant que vous faites référence au fichier CSS contenant la substitution après le fichier JQGrid CSS, la cascade naturelle doit s'en occuper. Cependant, ma méthode préférée est de vous assurer que mes sélecteurs de CSS ont une spécificité plus élevée que celles de la CSS que je souhaite remplacer juste pour être sûr.
J'ai découvert pourquoi la hauteur ne se mettait pas mise à jour. La hauteur est spécifiée comme important dans JQGRID CSS et nous devons donc mentionner Hauteur: Auto! Important pour la hauteur d'être auto .
@ RD22 qui a dû être un changement récent dans JQGRID (je ne l'ai pas utilisé depuis des années). Je méprise vraiment ! Important ... il doit être diaf.
Eh bien, pour être honnête, je n'ai jamais vérifié le CSS de jQgrid, le ! important travaillé pour moi et j'ai supposé le cas.
@ RD22 Eh bien, je suis heureux que vous l'ayez trouvé et que vous ayez commenté afin que d'autres qui puissent avoir le même problème sauront.
Excellent mais pour IE, vous devez également ajouter ci-dessous en plus de la classe ci-dessus.
.ui-jqgrid table.ui-jqgrid-htable {
height:30px;
}
Ajoutez les styles CSS suivants dans la balise de style dans votre fichier JQGrid.
<style>
.ui-jqgrid .ui-jqgrid-hdiv {height:25px;}
</style>
Vous devez définir la taille de la hauteur et la hauteur de la barre de table (TH).
.ui-jqgrid .ui-jqgrid-htable th {
height: 30px;
padding: 0 2px 0 2px;
}
.ui-jqgrid .ui-jqgrid-htable th div {
overflow: hidden;
position: relative;
height: 30px;
}
Quel plugin de grille JQuery utilisez-vous?