I am working with Angular 14. I display a huge amount of data (large DOM sizes) in my page (width: 2208 by height: 3140).

I need to display all this data at one time in an ag grid table. My issue is that the data is so big, and should not use virtual scrollling or pagination, yet I need to display all data on a large screen.

I do not have CSS code or complex JS code. What I did is to add Server Side Rendering, but I have the same problem. My page takes 15 seconds to display data.

With my large screen and displayed data I used this in the console:

 document.querySelectorAll('*').length; 

This shows me 83326.

I am searching if there are any ways to increase the DOM to accept large data and display data on a large screen in 3 or 4 seconds. The data is around 50000 objects.

Is there a package or something that can help me without pagination, virtual scrolling or infinite scrolling, to display data in one shot?