javascript - 如何在 ag-grid 中过滤数组以获取列定义

Question

我正在将我的网格从 dataTable 更改为ag-grid。使用 DataTable 时，我从 typeName='ItemType' 的属性数组中获取第一个元素。我想使用 ag-grid 实现相同的功能。如何实现相同。

<tr ng-repeat="e in entities">
    <td>
        <span ng-repeat="c in e.attributes | filter:{typeName:'ItemType'}:true">
                                                            {{c.configValue}}
        </span>
    </td>
</tr>

在 ag-grid 语法中，我必须显示与在 dataTable 中使用的值相同的值。

var columnDefs = [
   { headerName: "Type", field: "attributes", width: 150},//ItemType
   { headerName: "Brand", field: "attributes", width: 150 }//Brand
];

Answer 1

您可以使用单元格渲染来自定义渲染或您的单元格。

此外，还有一个选项 angularCompileRows 来编译从 cellRender 函数返回的模板。

检查：http ://ag-grid.com/javascript-grid-properties/index.php用于属性和http://ag-grid.com/angular-grid-cell-rendering/index.php用于 cellRendering