Standardmäßig werden Kendo-Gitter erweitert, um ihr enthaltendes div zu füllen. Es ist nur ein Tischelement, also von Natur aus.
%Vor%Wenn Sie jedoch mehr Spalten hinzufügen (oder zu viele haben), skalieren Sie hin und her, um zu passen. Ich wollte horizontale Bildlaufleisten beim Überlauf.
Dazu habe ich Code hinzugefügt, der beim Start, Hinzufügen und Neuordnen ausgeführt wurde.
%Vor%Kendo scheint jedoch eine eigene Logik zu haben, die dagegen stößt. Colgroup-Einträge werden gelöscht, was alles in Unordnung bringt.
Kann ich etwas dagegen tun? Gibt es einen besseren Weg, um zu tun, was ich will?
Danke.
Ich habe einen Container für den Tisch als:
%Vor%und die folgenden Stile angewendet:
%Vor%wo Sie sehen können, dass ich die Breite auf 400px erzwinge und verstecke (und scrolle), was überläuft.
Dann definiere ich das folgende grid
:
Ich bekomme den Effekt, dass das Gitter horizontal die Größe seines Containers überschreitet.
Siehe hier
HINWEIS Es ist sogar schön, dass paging
als 400px immer im sichtbaren Bereich bleibt, während das Gitter tatsächlich 100 + 200 + 300 = 600
ist ( width
von columns
)
BEARBEITEN: Wenn width
von grid
der Summe von columns
entsprechen soll, sollten Sie hinzufügen (nach dem Initialisieren des Rasters).
Die Schleife berechnet die Gesamtbreite und dann setze ich die Tabelle darauf (die Spalten müssen nicht geändert werden, da sie korrekt sind).
Legen Sie hier
festSie müssen nur sicherstellen, dass das Raster scrollbar ist und die Breite des Elements festlegen, aus dem Sie das Raster erstellen.
%Vor%Hier ist es in Aktion.
Tags und Links javascript kendo-ui kendo-grid