Infinite scrolling possible with rowtemplate?

Hi,

Is infinite scrolling possible with a rowtemplate? The documentation mentions that a detailtemplate can't be used, but what about a rowtemplate?
I have a perfectly working grid with a complex rowtemplate where I would like to add the infinite scrolling.
After adding infinite scrolling, I get the following error when I scroll down to the 'loading' point:

Uncaught TypeError: can't access property "getAttribute", u is undefined

The line throwing the error that's in our javascript is the appendTo method:

timeRegistrationGrid.appendTo('#time-registration-grid');

If I remove the rowTemplate property in the declaration of the syncfusion grid, then I do get a new request with a valid skip and take. Do I need to add something for this to work with a rowtemplate except the following:

pageSettings: {
            pageSize: 12
        },
enableInfiniteScrolling: true,
infiniteScrollSettings: { enableCache: true },

Thanks in advance!

1 Reply 1 reply marked as answer

RR Rajapandi Ravi Syncfusion Team March 31, 2021 02:17 PM UTC

Hi Pieter, 

Greetings from syncfusion support 

By default in EJ2 Grid the infiniteScrolling is working based on the row indexes, when you use the row template it is not feasible to handle the row indexes for the row templates at our end. So, it is not feasible to load the next block of data when you use the RowTemplate with infiniteScrolling

Regards,
Rajapandi R 


Marked as answer
Loader.
Up arrow icon