search

angular-ui / ui-grid

UI Grid: an Angular Data Grid
http://ui-grid.info
MIT License
5.39k stars 2.47k forks source link

Slow rendering with a lot of columns #3776

Open Jh4ck opened 9 years ago

Jh4ck commented 9 years ago

Hello guys, I'm using the UI-Grid v3.0.0-rc.21. I tested the code on Chrome and IE 11, on a Windows 7 with 8GB Ram. When I declare a lot of columns into the ui-grid the rendering freeze the web page until the grid is rendered. Is there a way to optimize the rendering of the grid with a lot of columns? Or is there a way to avoid the freeze of the web page so I can show a progress bar animated until the grid is rendered? Here below an example of the freezing of the web page when the grid is loading: http://plnkr.co/edit/e984mLFqa9o8XZqnGXEm?p=preview

Thank you so much!

JLLeitschuh commented 9 years ago

Similar problem in Safari on a Mac. I haven't had much trouble with this on chrome on a mac.

kavare commented 7 years ago

Same issue here, any thoughts?

sunscheung commented 6 years ago

@Jh4ck did you have solved this problem

Jh4ck commented 6 years ago

@sunscheung I didn't solved the problem. Checking the source code I realized that there are no many things you can do to solve the problem. In my opinion the ui-grid is a very good open source library. But it is not optimized for large projects with large tables and it consumes a lot of memory due to many event listeners. I switched to the ag-grid which has better performance and supports the AOT compiler of Angular 5. In this way I "solved" my problem.