Implementing Infinite Scroll

Implementing Infinite Scroll

Posted by: pbohdan on 18 March 2025, 4:29 am EST

• 

  pbohdan

  • Post Options:
  • Link
    Copy

  Posted 18 March 2025, 4:29 am EST - Updated 18 March 2025, 5:04 am EST

  Hi,

  I’m migrating from Kendo Grid to SpreadJS and need to implement Infinite Scroll with dynamic data loading.

  Requirements:
  
  The grid should visually display 1000 rows, but load them dynamically.
  
  Data should be loaded in chunks of 200 rows as the user scrolls.
  
  The grid should not load all data at once but only fetch the portion that is currently visible or about to become visible.

  I’m looking for a solution similar to ODataVirtualCollectionView in Wijmo:
  
  https://developer.mescius.com/wijmo/demos/Grid/Data-binding/VirtualOData/purejs

  Questions:
  
  What is the best way to achieve this behavior in SpreadJS?
  
  Does SpreadJS provide built-in support for virtual scrolling with dynamic data loading?
  
  How can we programmatically control data loading when reaching the end of the currently loaded range?
  
  Since we are transitioning from Kendo Grid, any recommendations or code examples would be greatly appreciated.

  Thank you!

• 

  priyam.kushwaha

  

  • Post Options:
  • Link
    Copy

  Posted 18 March 2025, 8:26 am EST

  Hi,

  As I understand it, you’re looking to implement infinite scrolling and dynamically load data in chunks when nearing the bottom row.

  You can refer to this forum discussion: https://developer.mescius.com/forums/spreadjs/server-side-pagination-using-spreadjs that addresses a similar requirement. Please take a look, and feel free to reach out if you face any issues.

  Regards,
  
  Priyam