如何在过滤后在kendo ui网格上显示水平滚动条？

Question

我有一个包含许多列的kendo UI网格.可以通过水平滚动查看溢出的列.但是,如果你

1)滚动到最初未显示的列

2)对该列进行过滤,使得没有行符合过滤条件

网格将不再允许水平滚动.已应用过滤器的列无法清除.

如何在过滤后显示水平滚动条？

这是一个jsfiddle,你可以看到问题

http://jsfiddle.net/9sxkG/1/

这是代码:

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]
});

例如,转到第18列并过滤等于20以查看问题.

Answer 1

有趣的德利马。我认为最简单的答案是在网格旁边添加一个按钮来“刷新”网格。以下 javascript 将导致刷新。

function LoadAllPositions() {
    $("#grid").data("kendoGrid").dataSource.read();
}