如何在 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();

但没有成功。 我什至尝试添加数据中存在的列但失败了。 下面是我正在尝试的图像。

如图所示，“% dev”是我需要使用动态计算值动态添加的自定义列。

Answer 1

试试这个：

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