Переполнение сетки кендо вне вкладки кэндо с добавлением источника данных сетки кендо

Question

ниже приведена инициализация сетки кендо, которая у нас есть.Высота указана равной 490 пикселей.

$('#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);

Благодарим вас за то, как решить эту проблему с высотой.

Большое спасибо.