Wie kann ich die horizontale Bildlaufleiste auf eine kendo ui grid nach der Filterung?
Ich habe einen kendo UI grid mit vielen Spalten. Spalten, überlauf angezeigt werden können, scrollen Sie horizontal. Allerdings, wenn Sie
1) scrollen Sie auf eine Spalte, die zunächst nicht angezeigt und
2) filter auf die Spalte, so dass keine Zeilen, die den Filterkriterien entsprechen
wird das raster nicht mehr erlauben einen horizontalen Bildlauf. Die Spalte, die der filter angewendet wurde, können nicht gelöscht werden.
Wie kann ich die horizontale scrollbar nach einer solchen Filterung?
Hier ein jsfiddle wo sehen Sie das Problem,
Hier der code:
var dataItem = {};
var columns = [];
for (var i = 0; i < 20; i++) {
dataItem['col' + i] = i;
columns.push( {
field: 'col' + i,
width: 80,
filterable: true,
type: 'number'
} );
}
$("#grid").kendoGrid({
scrollable:true,
columns: columns,
filterable: true,
dataSource: [dataItem]
});
Zum Beispiel, gehen Sie zu Spalte 18 und filter auf gleich 20 zu sehen, die Problem.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich hatte das gleiche problem, ich löste es, das hinzufügen einer leeren Zeile am raster aus.
Code:
Basierend auf Trey Gramman-Ansatz für das hinzufügen eines clear-filter - Taste:
Sehen, es läuft hier.
Es löst nicht die Frage, scrolling-Header, aber zumindest erlaubt Sie weiterhin (wenn nichts besseres gefunden wird).
Interessante delima. Ich denke, Ihre einfachste Antwort ist, fügen Sie eine Schaltfläche weiter, um das Gitter zu 'aktualisieren' das Gitter. Der folgende javascript verursachen, dass das aktualisieren.