Angular5:在ag-grid中显示隐藏的行

import { Component } from '@angular/core';
import { GridOptions } from 'ag-grid-community';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';

@Component({
  selector: 'app-grid',
  templateUrl: './grid.component.html',
  styleUrls: ['./grid.component.css']
})
export class GridComponent {
  gridOptions: GridOptions;
  rowData: any[];

  constructor() {
    this.gridOptions = {
      // 配置项
    };

    this.rowData = [
      // 数据
    ];
  }
}

<ag-grid-angular
  style="width: 100%; height: 500px;"
  class="ag-theme-alpine"
  [gridOptions]="gridOptions"
  [rowData]="rowData">
</ag-grid-angular>

this.gridOptions = {
  // 其他配置项
  rowClassRules: {
    'hidden-row': function(params) {
      // 根据条件判断是否隐藏行
      return params.data.hidden;
    }
  }
};

.hidden-row {
  display: none;
}