Kendo Grid, horizontales Scrollen und Spaltengröße

8

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.

    
Tim 16.01.2013, 16:38
quelle

2 Antworten

8

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 :

%Vor%

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).

%Vor%

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

fest     
OnaBai 16.01.2013, 18:14
quelle
9

Sie 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.

    
Petur Subev 16.01.2013 22:08
quelle

Tags und Links