Как я могу добавить окно поиска в каждый столбец

Question

Я использую kendo gird для создания таблицы. Как я могу добавить поле поиска в каждый столбец?

  <kendo-grid class="k-grid-p" [data]="gridView" [pageable]="true" [pageSize]="gridState.pageSize"
    (pageChange)="pageChange($event)" [skip]="gridState.state.skip" [sortable]="true" [sort]="gridState.state.sort"
    (sortChange)="sortChange($event)">

Answer 1

Вы можете использовать kendoGridHeaderTemplate для добавления желаемого HTML в заголовок:

<kendo-grid [data]="yourData">
    <kendo-grid-column field="FirstName">
        <ng-template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex">
             {{column.field}}({{columnIndex}}) 
             <br>
             <input type="text" placeholder="Search Box">
            </ng-template>
        </kendo-grid-column>
        <kendo-grid-column field="LastName">
        <ng-template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex">
           {{column.field}}({{columnIndex}})
           <br>
           <input type="text" placeholder="Search Box">
        </ng-template>
    </kendo-grid-column>
</kendo-grid>

Дополнительную информацию и примеры можно увидеть в пользовательском интерфейсе Kendo для Angular.