kendo网格外的kendo网格溢出，带有kendo网格数据源

Question

下面是我们拥有的剑道网格的初始化。高度指定为490px。

$('#grid').kendoGrid({
                 dataSource: {
                     data: self.Data,
                     schema: { model:self.Model }
                },

                height: 490px,
                resizable: true,
                toolbar: [{template: '<span style="font-weight:bold; margin: 0 20px 0 0;">Configuration</span>'},
                          "create",
                          {template: '<a id="btn" class="k-button" style="margin-left:10px">Generate </a>'}],
                columns: gridColumns,
                editable: true,
                navigatable: true,
                scrollable: true,
            });

当我从工具栏中添加新记录时，网格高度已正确设置。

但是，当我使用以下代码向网格中添加一行时，网格溢出了，这意味着它超出了网格的div。

grid.dataSource.add(v);

感谢您提供有关如何解决此身高问题的信息。

非常感谢。