angular - Angular 按钮中的 Ag Grid 过滤器中的清除和应用不可见

Question

我有从角度网页的示例复制的带有过滤器的 ag 网格： 在此处输入链接描述

这是我的代码：

  <ag-grid-angular #agGrid
                   style="width: 100%; height: 200px;" class="ag-theme-mystyle"
                   id="myGrid"
              (gridReady)="onGridReady1($event)"
                   [columnDefs]="columnDefs1"
                   [defaultColDef]="defaultColDef1"
                   [rowData]="rowData1"
                    ></ag-grid-angular>

在打字稿中：

this.columnDefs1 = [
      {
        field: 'athlete',
        filter: 'agTextColumnFilter',
        filterParams: {
          buttons: ['reset', 'apply'],
        },
      },
..
}
this.defaultColDef1 = {
      flex: 1,
      minWidth: 150,
      filter: true,
    };

并且未显示“清除”和“应用过滤器”按钮：

标签： angularfilterag-grid

Answer 1

我试过你的场景。我所做的唯一更改是您的 html 文件中的ag-theme-alpine类名而不是ag-theme-mystyle。试试这个，你会看到你的按钮。