Я новичок в ag-grid, я использую ag-grid в приложении angular5 +.
Я реализовал пользовательский фильтр на уровне столбцов, реализовав интерфейс IHeaderAngularComp. он отлично работает в настольном компьютере / ноутбуке но он не работает на сенсорных устройствах, таких как iPad / мобильный и т. д.
кажется, что заголовок не обнаруживает событие касания.
В пользовательском заголовке я ввел текстовое поле ввода. на рабочем столе он работает нормально, но когда я использую сенсорное устройство iPad / mobile, поле ввода отключается.
версия ag-Grid: X.X.X
"ag-grid": "15.0.0",
"ag-grid-angular": "15.0.0"
Угловая версия: 5.1.2
// заказ header.component.html
<div>
<a class="btn btn-sm text-truncate py-0" [ngStyle]="{'width':'98%'}" (click)="sortBy($event)">
<i class="fa" [ngClass]="{'fa-sort-desc': currentOrder=='desc', 'fa-sort-asc': currentOrder=='asc'}"
[hidden]="!currentOrder"></i>
<span>{{params.displayName}}</span>
</a>
<div class="input-group input-group-sm pl-2" [ngStyle]="{'width':'90%'}" *ngIf="params.bISActiveForFilter">
<input type="text" class="form-control form-control-sm align-self-center filterTxtBox py-0" name="search"
(keyup.enter)="onEnterPress($event)" [(ngModel)]="searchText">
<span class="input-group-btn filterTxtClsBtn" [hidden]="!searchText">
<button type="button" class="btn btn-outline-secondary btn-sm py-0" (click)="clearColFilter($event)"><i
class="fa fa-times"></i></button>
</span>
</div>
А из родительского компонента я вызываю компонент настраиваемого заголовка, как показано ниже
columnDef.headerComponentFramework = CustomHeaderComponent;