angular-ui/ui-grid

Ui freezes on ie 11 with a large number of columns

Open

#5,589 opened on Jul 28, 2016

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

Repository metrics

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

Description

I am using angular ui grid plugin 3.2.1 and I am using it to render a very column heavy grid( it has around 90 columns). All columns are rendered using cell templates since special conditions need to be handled. Around 20 percent of the 90 columns are dropdowns with 200-300 items each.

I am also using the angular spinner to show a loading bar on each http service call.

My problem is this.

The spinner freezes after the service call returns because the UI grid is struggling to render around 50 rows of 90 columns each. After some time the user gets the infamous slow loading script error message from IE 11. This also happens if the user clicks inside the screen when the spinner is frozen.

Can you please look into this asap?

Sriram

Contributor guide

Research direction
Profile the grid rendering performance in IE11, identify bottlenecks in column rendering (especially cell templates and dropdowns), and consider implementing virtual scrolling or column virtualization to reduce DOM nodes.
Tech stack
javascriptangular
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
4
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
3-5 days
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
JavaScriptAngularJSIE11 browser debugging
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
20