Comment ajouter dynamiquement des colonnes personnalisées dans la grille d'administration

Question

Je suis empilé pour ajouter dynamiquement des colonnes personnalisées dans la grille. J'ai essayé l'approche suivante.

additionalCol = { field:'SOME RANDOM', headerName: 'SOME RANDOM' }; 
$scope.gridOptions.columnApi.addValueColumn(additionalCol); 

J'ai aussi essayé

$scope.columns.push(additionalCol); 
$scope.gridOptions.api.refreshView(); 

mais n'a pas obtenu le succès. J'ai même essayé d'ajouter des colonnes qui existent dans les données mais qui ont échoué. Ci-dessous est l'image de ce que j'essaie. Comme le montre l'image "% dev" est la colonne Personnalisée que j'ai besoin d'ajouter dynamiquement avec des valeurs calculées dynamiquement.

Answer 1

Essayez ceci:

var columnDefs = $scope.gridOptions.columnDefs; 
columnDefs.push({ field:'SOME RANDOM', headerName: 'SOME RANDOM'}); 
$scope.gridOptions.api.setColumnDefs(columnDefs);