Low performance DOM rendering

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior Poor performance DOM rendering. 25 records, 10 columns, 6 of them are templated. The browser uses too much CPU, if the scrollbarV is set to true the situation becoming even worse.

Expected behavior Lighter DOM and low CPU usage

Reproduction of the problem 25 records, 10 columns (6 of them templated), data is paginated server side , so only the data for these 25 records is set in “rows” property.

• Table version: 0.7.x 4.1.0

• Angular version: 2.0.x 2.4.1

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ] all

• Language: [all | TypeScript X.X | ES6/7 | ES5] Typescript 2.1.1

[gryole]

I have the same issue using dev mode. Just imported NgxDatatableModule and used example from get started. Loading difference is ~ 20 sec. I tried to reproduce this issue with new project (generated from angualr-cli) and difference is not significant ~ 200ms. Looks like it reproduces in larger projects.

[Tenmak]

We should re-open this…

Using the latest ngx-datatable version, It is causing a huge loading time… Since we are using Angular-CLI, every time we do a single line of code, we get the 20+ seconds time of loading (While we only have 4.5~ seconds loading time without the NgxDatatableModule import).

And since it is not really good to continue programming in production mode, is there any workaround or anything ? We are losing an insane amount of time because of this…