Wie schränkt man die maximale Zeilenhöhe in jqgrid ein?

8

Spalte enthält lange mehrzeilige Texte, die die Zeilenhöhe zu groß machen.

Ich habe versucht Stile unten basierend auf Tonys Antwort in Ссылка

Diese Zeilen begrenzen jedoch nicht die maximale Höhe der Zeile: Zeilenhöhe entspricht immer noch der Anzahl der Zeilen in der Spalte.

Wie kann man die maximale Zeilenhöhe auf einen bestimmten Wert begrenzen? Der Text sollte nicht umbrochen werden (da er bereits die Standardeinstellungen von jqGrid verwendet) und die restlichen Zeilen sollten nicht angezeigt werden. (Der gesamte Text kann im Bearbeitungsmodus geprüft werden, wenn das Textfeld "edittype" verwendet wird).

%Vor%     
Andrus 04.07.2011, 16:07
quelle

2 Antworten

15

Sie können max-height nicht für td oder tr Elemente verwenden, aber Sie können den mehrzeiligen Text innerhalb von <div> mit demselben Stil platzieren. Dazu können Sie beispielsweise den folgenden benutzerdefinierten Formatierer verwenden:

%Vor%

oder platzieren Sie <div style="max-height: 100px">...</div> in Ihren JSON / XML-Daten. Als Ergebnis haben Sie etwas wie

(Ich habe einen Tooltip angezeigt, während ich den Screenshot gemacht habe, um zu zeigen, dass die Daten in der Zelle mehr Zeilen enthalten, als im Raster angezeigt) Sehen Sie sich die entsprechende Demo hier an.

    
Oleg 04.07.2011 16:55
quelle
4

Ich weiß, dass dies spät ist, aber Sie können dieses CSS für ALLE Spalten verwenden :

%Vor%

Oder für eine einzelne Spalte:

%Vor%

Wenden Sie dann in Ihrem ColModel auf die Spalte an, in der Sie das Umbrechen verhindern möchten:

%Vor%     
FastTrack 16.07.2013 19:05
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset VB.NET aufgeteilt in neue Zeilen (C # -Konvertierung)