Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用gridOptions为ag grid/angular中的行着色?_Angular_Ag Grid - Fatal编程技术网

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

如何使用gridOptions为ag grid/angular中的行着色?,angular,ag-grid,Angular,Ag Grid,我正在尝试根据行的排名为行着色。我发现我必须使用gridOptions。但是,我没有正确地使用它。 这就是我到目前为止所做的: 在html文件中: <ag-grid-angular style="width: 5000px ; height: 1000px;" class="ag-theme-balham" [rowData]="rowDataBia" [columnDefs]="columnDefsBia" [gridOptions]="gridOptions" &g

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

<ag-grid-angular
  style="width: 5000px ; height: 1000px;"
  class="ag-theme-balham"
  [rowData]="rowDataBia"
  [columnDefs]="columnDefsBia"
  [gridOptions]="gridOptions"
>
</ag-grid-angular>
正如我所说,这是行不通的。
有人能告诉我我做错了什么,可能是如何解决的吗?
谢谢。

试试这个:

 gridOptions: GridOptions;

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

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

[getRowStyle]="getRowStyle"  
在typescript文件中添加以下内容:

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