如何在Ag-Grid中動態添加自定義列

Question

我已堆疊以在Ag-grid中動態添加自定義列。 我試過下面的方法。

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

我也曾嘗試

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

，但沒有獲得成功。 我甚至試圖添加Data中存在的列但失敗。 下面是我正在嘗試的圖片。

如圖所示「％dev」是自定義列，我需要動態添加動態計算值。

Answer 1

試試這個：

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