angular-ui/ui-grid

Re initialize grid manually with fresh set of settings

Open

#4,459 opened on Oct 2, 2015

View on GitHub
 (5 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
help wantedseverity: performancetype: enhancement

Description

I have a scenario when one grid could be replaced with another one with completely new set of data/features. However, I can't see a way to destroy existing grid and initialize a new one in its place. I saw couple issues when people were trying to init gridOptions after an async event and they could not. I haven't seen a solution to this though. It seems relevant to the question I'm asking, so I just put it out there. It also seems inconvenient that features can only be declared via a directive. There is no way to enable a certain feature via javascript.

Any help is appreciated.

Contributor guide

Tech stack
javascriptangular
Domain
frontend
Issue type
feature
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.
over 1 week
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Basic AngularJS knowledgeFamiliarity with ui grid architecture
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
25
Research direction
Examine the ui grid initialization and destroy mechanisms. Look for existing methods to reset or reinitialize the grid. Review the grid directive lifecycle (link function, $destroy event). Check if there is a way to programmatically remove and recreate the grid element. Analyze the gridApi and gridOptions handling to implement a manual reinitialization feature.