I'm Using igx-grid in my angular application. Virtualization is enabled. When I set the gridItemCount to 700000 and use the scroll feature the grid behaves weird and slow. After a scroll it leaves top portion of the grid invisible. Scrolling the grid using the scrollbar to the right, continuously emits scroll event after stopping the scroll. From What i can see it is in someway related to calculating the rowIndex overflows.
RowHeight is unchanged(50px).
Total number of Rows is set to 700000 and Virtualization is turned on.
P.S I don't need pagination
Thanks for help.
Hi Poomani,
Please let us know the version of Ignite UI for Angular that you are using and if the grid has any templated columns. Also, is this behavior the same in all major browsers ? Does it make any difference between IE, Edge and Chrome ? I am looking forward to hearing from you.
Hi Hristo Anastasov,
Thanks for your reply.
I'm on ignite-angular v7.3.4. I tested with Chrome, Opera and Edge (lags more than the rest). Same observation persists across all the browsers. One thing I could also notice apart from the above said problem is, virtual scroll performance gets worse as the IgxGridComponent.totalItemCount increases, and it goes out of control after exceeding 600K. My gut feeling is the "index calculation" function is taking longer time to calculate the scroll bar position.
The columns are not templated(in fact [autoGenerate] = 'true' ), the rows are also not templated. Here a link to the video of issue I'm facing. https://youtu.be/zmhYsGParoc
Here's the HTML Content
Thank you for all the information,
a developer of ours is currently having a look at that behavior and will update you here with any findings.