angular-ui/ui-grid

Slow rendering with a lot of columns

Open

#3,776 opened on Jun 13, 2015

View on GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (2,496 forks)batch import
help wantedseverity: performance

Repository metrics

Stars
 (5,395 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

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!

Contributor guide

Research direction
Examine the grid's rendering logic for large column sets; consider implementing virtual column rendering or deferring render.
Tech stack
javascript
Domain
frontend
Issue type
Performance
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
JavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70