Grid virtual scrolling not working after adding data using datasource.add

[Jason]

I'm having issues after adding rows into a dataset after the initial load of the grid, where the vertical scrollbar vanishes and the displayed data seems to revert back to the top of the dataset. My actual usage case is fairly complicated so I've created a jsbin which shows the same problem.

http://jsbin.com/vilahoji/2/

As you can see I'm populating the first grid by adding rows to the datasource, the second grid has 100 rows when the datasource is created.

[Alexander Popov]

Hello Jason,

I am afraid that this scenario is not fully supported. Basically, virtual scrolling uses ranges instead of pages to determine which items to be displayed, and adding a new item results in miscalculated ranges, which in turn breaks the scrolling. I would recommend removing the DataSource's pageSize option, as shown in this updated example.

Regards,
Alexander Popov
Telerik

 

 

[Henry]

Has there been any response to this bug report? 

[Alexander Popov]

Hello Henry,

This is a limitation that is mentioned in the documentation here and here. Virtual scrolling uses ranges instead of pages to determine which items to be displayed and adding a new item or deleting an existing one results in miscalculated ranges, which in turn breaks the scrolling. I am afraid at this point there is no workaround that we can recommend in order to get working CRUD operations along with virtual scrolling. 

Regards,
Alexander Popov
Telerik