Question

我正在尝试根据行的颜色为行着色。我发现我必须使用gridOptions。但是，我没有正确使用它。
这是我到目前为止所做的：
在html文件中：

<ag-grid-angular
  style="width: 5000px ; height: 1000px;"
  class="ag-theme-balham"
  [rowData]="rowDataBia"
  [columnDefs]="columnDefsBia"
  [gridOptions]="gridOptions"
>
</ag-grid-angular>

在组件中，这是相关代码：

 private gridOptions: GridOptions;

  gridOptions.getRowStyle = function(params) {
    if (params.node.rowIndex % 2 === 0) {
        return { background: 'red' }
    }
}

就像我说的那样，这是行不通的。
有人可以告诉我我在做什么错，也许怎么解决？
谢谢。

Answer 1

尝试一下：

 gridOptions: GridOptions;

  this.gridOptions.getRowStyle = (params) => {
    if (params.node.rowIndex % 2 === 0) {
        return { background: 'red' }
    }
}

Answer 2

我刚刚找到一个简单的解决方案：
在html文件的网格定义中添加以下内容：

[getRowStyle]="getRowStyle"

在打字稿文件中添加以下内容：

    public getRowStyle = function(params){
    if (params.node.rowIndex % 2 === 0) {
      return { background: 'red' }
  }
  }

如何使用gridOptions为ag-grid / angular中的行着色？

2 个答案: