I'm evaluating Kendo grid. For large tables, I need virtual scrolling. (I'm aware of the "pageable" feature but that is not acceptable for my UI requirements, I can only use a scrollbar).
But virtual scrolling only seems to work if the data is static? If I scroll in the grid and then refresh the data, the scroll position "jumps" several rows down and then if I attempt to scroll, the scrolling goes completely awry -- the wrong rows are displayed, old data values are displayed, and the scrollbar knob sometimes disappears.
Am I doing something wrong? Virtual scrolling is not useful if it doesn't allow me to refresh the data.
Here is a fiddle: http://jsfiddle.net/4hmgxL02/
Scroll down to about row 1000, then click "update rows". This will change the row values. Notice that the row position jumps, even though the update does not change the row count. Then try to scroll and it jumps to the wrong row and displays old data values, from before the update. It all works fine if I set scrollable:true rather than {virtual:true}, but of course that hurts performance with large tables and is not acceptable.
But virtual scrolling only seems to work if the data is static? If I scroll in the grid and then refresh the data, the scroll position "jumps" several rows down and then if I attempt to scroll, the scrolling goes completely awry -- the wrong rows are displayed, old data values are displayed, and the scrollbar knob sometimes disappears.
Am I doing something wrong? Virtual scrolling is not useful if it doesn't allow me to refresh the data.
Here is a fiddle: http://jsfiddle.net/4hmgxL02/
Scroll down to about row 1000, then click "update rows". This will change the row values. Notice that the row position jumps, even though the update does not change the row count. Then try to scroll and it jumps to the wrong row and displays old data values, from before the update. It all works fine if I set scrollable:true rather than {virtual:true}, but of course that hurts performance with large tables and is not acceptable.