Сетка Ag в угловых кнопках Очистить и применить в фильтрах не видна

#angular #filter #ag-grid

#angular #Фильтр #сетка флажков

Вопрос:

У меня есть сетка 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,
    };
  

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

Комментарии:

1. вы пытались установить » filter: true » вместо » filter: ‘agTextColumnFilter'»?

2. ag-grid.com/javascript-grid-filter-provided-simple , взгляните на документы Simple Filters

Ответ №1:

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