angular-ui/ui-grid

With large data and grouping, expand/collapse rows seems to be very slow.

Open

#4 988 ouverte le 19 janv. 2016

Voir sur GitHub
 (4 commentaires) (2 réactions) (0 assignés)JavaScript (2 496 forks)batch import
help wantedseverity: performancetype: enhancement

Métriques du dépôt

Stars
 (5 395 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

I have more than 60000 rows and group them into several groups. When expand/collapse rows, it take at least several seconds to re-draw the grid.

Here is a plunker to show the problem: http://plnkr.co/edit/5C7B3RU0kLszzgyr7xyf?p=preview

However, in v2 with the same data set and grouping setting, it seems to be quite fast. Is there any way to improve the performance or why it becomes so slow in v3.

Guide contributeur

Direction de recherche
Profilez l'opération de développement/repliement à l'aide des outils de développement du navigateur pour identifier les chemins de rendu lents. Recherchez si le problème est dû à des mises à jour DOM excessives ou à une liaison de données inefficace dans ui grid v3. Envisagez d'utiliser le défilement virtuel ou de réduire les re rendus. Comparez avec v2 pour comprendre les changements.
Stack technique
javascriptangular
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 jours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
AngularJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
50