Können Sie Textzeilen in JqGrid
umbrechen? Ich habe mich umgesehen, aber ich kann nichts finden.Einbinden von Textzeilen in JqGrid
Antwort
Versuchen Sie, die folgenden CSS:
.ui-jqgrid tr.jqgrow td {
white-space: normal !important;
}
Dies funktioniert für mich mit jqGrid 3.6.
Wie N30 wies darauf hin, jqGrid 4.0 unterstützt jetzt eine cellattr
colModel Option, die für eine feinere Korn der Kontrolle über Textumbruch zulassen. Von seinem Beispiel:
cellattr: function (rowId, tv, rawObject, cm, rdata) {
return 'style="white-space: normal;"';
}
Mit jqGrid 4.0, ein besserer Weg, dies zu tun ist cellattr in colmodel wie folgt zu verwenden: -
colModel: [
{ name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;"' } },
.... other columns
]
Auf diese Weise können Sie Umbruchart auf einzelne Spalte anwenden können und muss nicht verwenden! wichtig
Ich hatte dieses Problem für die Header und fand ich brauchte all dies, um es auch in IE zu beheben. Beachten Sie, dass dies für die Header, nicht für die Zellen gilt. Das Problem dabei ist, dass es wahrscheinlich mehr Auswirkungen hat als Sie vielleicht wollen (wie ich sicher bin, werde ich später entdecken), aber Sie können die CSS-Selektoren immer verfeinern und/oder sie auf den spezifischen #tableIdName oder eine bestimmte Klasse verweisen lassen Opt-in, wie Sie möchten.
.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;
}
können Sie verwenden, um die classes colModel Option eine CSS-Klasse auf der Spalte zu setzen und dann in der CSS-Datei der Stil white-space: normal !important;
auf dieser Klasse setzen ...
Klassen
Zeichenfolge
Diese Option ermöglicht das Hinzufügen von Klassen zur Spalte. Wenn mehr als eine Klasse verwendet wird, sollte ein Leerzeichen gesetzt werden. Mit Beispiel
classes:'class1 class2'
wird eine Klasse1 und eine Klasse2 für jede Zelle in dieser Spalte festgelegt.Im Raster css gibt es eine vordefinierte Klasse ui-ellipsis, mit der Ellipsen an eine bestimmte Zeile angehängt werden können. Auch das wird in FireFox funktionieren.
- 1. Lesen von Textzeilen aus Datei
- 2. Mehrere Textzeilen einrücken
- 3. Lücke zwischen Textzeilen beseitigen
- 4. Mitte zwei Textzeilen rechts von Bild
- 5. Wie #in JavaScript einbinden?
- 6. In php.ini einbinden?
- 7. in JavaScript, wie einzelne Textzeilen in Textbereich
- 8. Wie konvertiere ich Textzeilen in Spalten?
- 9. Bibliotheken von Drittanbietern in C-Anwendungen einbinden
- 10. Einbinden von EasyMotion in Vim Visual Mode
- 11. Einbinden von beliebigem XML in XML
- 12. Geteilte Textzeilen im gescannten Dokument
- 13. Begründen einzelne Textzeilen nicht funktionieren
- 14. Verwenden von jqGrid userdata
- 15. Erweitern von jqgrid subgrid
- 16. Alle Textzeilen in Sublime Text umkehren
- 17. Wie mehrere Textzeilen in eine Textbox
- 18. Anzeige mehrerer Textzeilen in Oxyplot TextAnnotation
- 19. Shell Script - Vergleichen von Textzeilen, Löschen von Treffern
- 20. Dylib in Xamarin.Mac einbinden dll
- 21. Einbinden einer System.String in XAML
- 22. Datumsbereiche in jqGrid-Suchen
- 23. Schaltfläche in jqgrid
- 24. Video in WordPress nicht einbinden
- 25. JavaScript in GitHub einbinden README.md
- 26. Spalte Wert von multiselect Zeilen in jqgrid
- 27. Laden von JSON-Daten in jqGrid
- 28. Ausgabe von SQL-Zeit Datentyp in jqgrid
- 29. Ausblenden von Spalten in JQGrid mit Bedingungen
- 30. jqGrid - Einfügen von benutzerdefinierten HTML in Zelle