angular-ui/ui-grid

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

Open

#4.988 aberto em 19 de jan. de 2016

Ver no GitHub
 (4 comments) (2 reactions) (0 assignees)JavaScript (2.496 forks)batch import
help wantedseverity: performancetype: enhancement

Métricas do repositório

Stars
 (5.395 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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.

Guia do colaborador

Direção de pesquisa
Faça o perfil da operação de expandir/recolher usando as DevTools do navegador para identificar caminhos lentos de re renderização. Investigue se o problema se deve a atualizações excessivas do DOM ou a ligação de dados ineficiente no ui grid v3. Considere usar rolagem virtual ou reduzir re renderizações. Compare com a v2 para entender as mudanças.
Pilha de tecnologia
javascriptangular
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
AngularJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
50