Pouvez-vous obtenir des lignes de texte à renvoyer dans JqGrid
? J'ai jeté un coup d'œil mais je ne trouve rien.Habillage de lignes de texte dans JqGrid
Répondre
Essayez le CSS suivant:
.ui-jqgrid tr.jqgrow td {
white-space: normal !important;
}
Cela fonctionne pour moi en utilisant jqGrid 3.6.
Comme N30 a souligné, jqGrid 4.0 prend désormais en charge une option colModel cellattr
qui peut permettre un grain plus fin de contrôle sur l'habillage du texte. De son exemple:
cellattr: function (rowId, tv, rawObject, cm, rdata) {
return 'style="white-space: normal;"';
}
Avec 4,0 jqGrid, une meilleure façon de le faire est d'utiliser cellattr dans colmodel comme ceci: -
colModel: [
{ name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;"' } },
.... other columns
]
De cette façon, vous pouvez appliquer le style d'emballage à la colonne individuelle et je n'ai pas besoin d'utiliser! important
J'ai eu ce problème pour les en-têtes et j'ai trouvé que j'avais besoin de tout cela pour le réparer aussi dans IE. Notez que c'est pour les en-têtes, pas pour les cellules. Le problème avec ceci est probablement plus d'effets que vous voudrez (comme je suis sûr que je le découvrirai plus tard) mais vous pouvez toujours affiner les sélecteurs css et/ou les faire référencer le #tableIdName spécifique ou une classe pour que vous puissiez opt-in comme vous s'il vous plaît.
.ui-jqgrid .ui-jqgrid-htable th div {
overflow: visible !important;
height: auto !important;
}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
white-space: normal !important;
}
.ui-jqgrid .ui-th-div-ie{
white-space: normal !important;
}
Vous pouvez utiliser l'option classes de colModel mettre une classe CSS sur votre colonne, puis mettre dans votre fichier CSS du style white-space: normal !important;
sur cette classe ...
cours
chaîne
Cette option permet d'ajouter des classes à la colonne. Si plus d'une classe sera utilisée, un espace doit être défini. Par l'exemple
classes:'class1 class2'
définira un class1 et class2 à chaque cellule sur cette colonne.Dans la grille css, il existe une classe ui-ellipse prédéfinie qui permet d'attacher des ellipses à une ligne particulière. Cela fonctionnera aussi dans FireFox.
- 1. Habillage de texte dans Gedit
- 2. Habillage de texte dans SSRS
- 3. AIDE! sIFR Habillage texte
- 4. Habillage du texte de l'élément GridView
- 5. Habillage de texte, grille et taille d'étoile
- 6. Editeur de texte avec habillage des commentaires
- 7. Habillage de ligne de code - comment gérer les longues lignes
- 8. Habillage d'un texte de largeur variable dans Emacs Lisp
- 9. Comment faire un habillage de texte dans pyCairo + Pango?
- 10. Habillage de texte lors de l'impression de DataGrid? .NET
- 11. Habillage de l'API slf4j
- 12. jqGrid déplacer glisser des lignes
- 13. Blocs en ligne et habillage de texte avec CSS
- 14. Enregistrement de lignes sélectionnées dans un jqGrid pendant la pagination
- 15. Comment compter le nombre de lignes dans un jqGrid?
- 16. Habillage de jQuery
- 17. Habillage de msctls_hotkey32 dans .NET Windows Forms
- 18. Habillage de fenêtre OSX personnalisé?
- 19. Plusieurs lignes de texte dans UILabel
- 20. jqGrid Valeur et texte Colonne
- 21. Habillage/Rotation de texte sur une image à l'aide de graphics2D
- 22. Habillage Flex 3 ComboBox, limitant la largeur du texte
- 23. Redimensionner jqGrid en fonction du nombre de lignes?
- 24. Jqgrid 3.7 ne montre pas les lignes dans Internet Explorer
- 25. Lignes de tableau avec deux lignes de texte
- 26. Taille de la zone de texte du pager jqGrid
- 27. caractéristiques de jqGrid question
- 28. Lignes de fichier de texte dans le tableau avec PHP
- 29. Habillage d'une DLL tierce
- 30. jqGrid - Avoir des zones de texte avec le tri