如何在Ag-Grid中动态添加自定义列 [英] How to add custom column dynamically in ag-grid

查看:827
本文介绍了如何在Ag-Grid中动态添加自定义列的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I'm stacked to add Custom columns dynamically in ag-grid. I have tried following approach.

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

我也尝试过

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

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

but didn't get success. I even tried to add columns that exist in Data but failed. Below is Image for what I am trying.

如图片%dev所示,是自定义列,我需要通过动态计算来动态添加值。

As shown in image "% dev" is Custom column which I need to add dynamically with dynamically calculated values.

推荐答案

请尝试以下操作:

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

这篇关于如何在Ag-Grid中动态添加自定义列的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆