web browser crashed when scrolling the virtualization grid after adding a new row-Collection of common programming errors
Try to build up at this fiddle: http://jsfiddle.net/vojtiik/rDPBu/3/
var grid = $('#grid').kendoGrid({
height: 300,
dataSource: {
data: [
{check: 1,ip: "10.1.201.3"},
{check: 2,ip: "10.1.201.3"},
{check: 3,ip: "10.1.201.3"},
{check: 4,ip: "10.1.201.3"},
{check: 5,ip: "10.1.201.3"},
{check: 6,ip: "10.1.201.3"},
{check: 7,ip: "10.1.201.3"},
{check: 8,ip: "10.1.201.3"}
],
schema: {
model: {
id: "check",
ip: "ip"
}
}
},
columns: [
{ field: "check" },
{ field: "ip" }
],
editable: true,
scrollable: {
virtual: true
}
}).data('kendoGrid');
$('#add').click(function () {
grid.addRow();
});
EDIT :
Answer from Kendo support :
Adding new elements to a grid with virtual scrolling enabled is not a supported setup. Please keep in mind that you can always submit it in our feedback forum, so it can be taken into consideration for our future releases.