Блог

У меня есть сетка ag с фильтрами, скопированными из примера с веб-страницы angular: введите описание ссылки здесь

Это мой код:

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

и в typescript:

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

И кнопки Очистить и применить фильтр не отображаются:

Я попробовал ваш сценарий. Единственное изменение, которое я внес, это то, что в вашем HTML-файле имя класса ag-theme-alpine заменено на ag-theme-mystyle. Попробуйте это, вы увидите свои кнопки.