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

Posted 2023-03-28

【中文标题】Angular 按钮中的 Ag Grid 过滤器中的清除和应用不可见

【英文标题】：Ag Grid in Angular buttons Clear and Apply in filters aren't visible

【发布时间】：2020-12-03 08:21:06

【问题描述】：

我有一个带有过滤器的 ag 网格，该过滤器是从 angular 网页的示例中复制的： enter link description here

这是我的代码：

  <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,
    ;

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

【问题讨论】：

您是否尝试过设置“filter: true”而不是“filter: 'agTextColumnFilter'”？

ag-grid.com/javascript-grid-filter-provided-simple，查看简单过滤器文档

【参考方案1】：

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