Kendo ui 在IE9中-如果我将鼠标移离单元格，则不会在网格下方插入空白

在IE9中： 如果我有一个滚动条，空白将插入剑道ui网格下方 在网格下方，选择要编辑的单元格，然后将鼠标移远并移回 来自正在编辑的单元格

以下是步骤：

00）在IE9中运行…htm文件 01）将窗口的右侧向左拖动，使水平滚动条显示在网格底部。
02）单击C00第一行编辑C00单元格
03）将鼠标从编辑字段移到下一行并返回
04）注意网格底部插入的空白
05）如果来回移动大约12-15倍，则空白将变为无。注意：这在JSFIDLE IE9中不会发生
-------
如果没有水平滚动条，则不会发生这种情况。
如何使插入的空格位于下方
如果我将鼠标移离编辑器，则不会出现网格
有水平滚动条时的字段？

}))

我找到了一个解决方案：

增加“高度：130px”

之后 “可编辑：真，” 线

我让它工作了我在“editable:true”之后添加了“height:”130px“，这样就不会再出现空白了。

$(document).ready(function() {

var dsDataSource = new kendo.data.DataSource({
    data:
    [
        { // 1
        title: "Star Wars: A New Hope",
        c00: "a",
        c01: "a",
        c02: "a",
        },
        { // 2
        title: "Star Wars: The Empire Strikes Back",
        c00: "b",
        c01: "b",
        c02: "b",
        },
    ],
    schema:
    {
        model:
        {
            id: "myGridID",
            fields:
            {
                title: { type: "string"  },
                c00:   { type: "string"  },
                c01:   { type: "string"  },
                c02:   { type: "string"  },
            }
        },
    }
});

// Createe a Kendo grid in DIV
$("#grid").kendoGrid({
    dataSource: dsDataSource,
    editable: true,
    columns: [
        { field: "title", title: "Title"         , width: "270px" },
        { field: "c00"  , title: "C 00"          , width: "200px" },
        { field: "c01"  , title: "C 01"          , width: "110px" },
        { field: "c02"  , title: "C 02"          , width: "110px" },

    ],

});

// Createe a Kendo grid in DIV
$("#grid").kendoGrid({
    dataSource: dsDataSource,
    // This fixes the white space problem
    height: "130px",
    editable: true,
    columns: [
        { field: "title", title: "Title"         , width: "270px" },
        { field: "c00"  , title: "C 00"          , width: "200px" },
        { field: "c01"  , title: "C 01"          , width: "110px" },
        { field: "c02"  , title: "C 02"          , width: "110px" },

    ],

});