Data Table Client Side Rendering Performance Issue for 10k records

javadev2025

We are showing 10,000 rows in table in the browser.

The example provided in https://datatables.net/extensions/scroller/examples/initialisation/large_js_source.html shows we can show 50,000 records very quickly

We are using Angular with ng-repeat which takes 2 minutes to load the table. We have created 5 columns. In which one of the column has a condition options which will be enabled based on certain conditions for each rows. Whenever we add few options to the button it takes more time

example, edit, delete, view etc., in the action button which is part of a column

We observed whenever we add option along with the ng-repeat with the options takes huge time to render the table.

How to speed up the rendering time ??? Please kindly suggest.

Thanks.

kthorngren

Is your Datatables data source either ajax or Javascript. If so do you have deferRender set to true?

I'm not familiar with ng-repeat but it seems like that places the data directly in the DOM. If so then deferRender won't help. If this is the case can you supply Datatables with the data either by ajax or Javascript so that it will place the data in the table and deferRander will work?

Note that the example you linked to, while a simple example (no use of columns render) it uses a Javascript data source.

Whenever we add few options to the button it takes more time

How are you adding the options? is it with a Datatables option like columns.render or with the ng-repeat loop?

Kevin