angularjs - 如何在Ag-Grid中动态添加自定义列

标签 angularjs ag-grid

我堆叠在一起以在ag-grid中动态添加“自定义”列。
我尝试了以下方法。

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

我也尝试过
$scope.columns.push(additionalCol);
$scope.gridOptions.api.refreshView();

但没有成功。
我什至尝试添加Data中存在但失败的列。
以下是我正在尝试的图像。
enter image description here

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

最佳答案

试试这个:

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

关于angularjs - 如何在Ag-Grid中动态添加自定义列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36595285/

相关文章:

javascript - 如何使用 angularjs 填充 json 数据?

javascript - 谷歌地图API将目的地分组并找到最短路径

javascript - Angular onreadystatechange

jquery - angularjs 无法通过 jQuery 找到 "this"?

angular2-routing - 在 Angular 5 ag-grid 数据表中使用 cellRendererFramework

javascript - 如何使用 Ag-Grid 动态增加行高?

javascript - 在angularjs中动态创建ng-model

javascript - Ag-grid:修改过滤器窗口而不覆盖过滤器逻辑

javascript - 如何删除农业网格中的重复项( Angular )

angular-material - 如何从 ag-grid 单元格打开模态对话框单击 Angular 6