angular-ui/ui-grid

Dynamic columnDefs not working

Open

#4,502 opened on Oct 9, 2015

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

Description

I am using the ui-grid v3.0.7 - 2015-10-06 and angular v1.4.7 I have tried many permutations to this and nothing seems to work. I have a table with about 25 columns. The first 4 are consistent in name and field from data. the other 21 are dynamic in field name. The current way, also not working looks like the following taken from (http://stackoverflow.com/questions/19630273/dynamic-columndef-in-ng-grid)

$scope.MyGridOptions = { ... columnDefs:'MyColumns', ... }

I then do a $scope.MyGridOptions .push({ ... }) for all 25 columns and then apply the data by $scope.MyGridOptions .data = jsonData.PeriodValues;

The header row does not show, nor do any of the rows. It "seems" as if the columns are not using the latest value once I get them from the DB. Is there some way I can force a refresh or something?

Contributor guide

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.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
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.
unclear
Prerequisites
AngularJS knowledgeui grid basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
20
Research direction
The issue reports that pushing new column definitions to $scope.MyGridOptions does not update the grid. Investigate ui grid's column definition update mechanism, specifically whether columnDefs is watched or requires a manual refresh via gridApi.core.refresh or $scope.$apply. Check ui grid source files like 'Grid.js' or 'columnBuilder.js' for how changes are detected. Also consider the Angular digest cycle timing.