Hola, estoy usando la biblioteca igniteui
, en la que intento mostrar un filtro personalizado en cada columna. Todas las columnas funcionan bien, excepto la columna de tipo de dataType: 'date'
. Estoy tratando de mostrar mi cuadro de entrada en lugar del cuadro de selección de fecha, pero su plantilla interior no se muestra. Intenté casi todas las cosas, pero no pude obtener la solución. ¿Alguien puede ayudarme en lo que estoy haciendo mal? Estoy usando la versión 12.3.3
de igniteui-angular
<ng-template #dateFilterTemplate igxFilterCellTemplate let-column="column"> <div class="filter-cell"> <igx-date-picker [value]="getFilterValue(column)" (onSelection)="onDateSelected($event, column)"> <ng-template igxDatePickerTemplate let-openDialog="openDialog" let-displayData="displayData"> <igx-input-group type="box" #inputGr [displayDensity]="config.displayDensity"> <igx-prefix> <igx-icon>search</igx-icon> </igx-prefix> <input #input igxInput (click)="openDatePicker(openDialog)" placeholder="Filter..." autocomplete="off" [value]="displayData | date" [readonly]="true" /> <igx-suffix *ngIf="input.value" (click)="clearInput(column)" tabindex="0"> <igx-icon>clear</igx-icon> </igx-suffix> </igx-input-group> </ng-template> </igx-date-picker> </div> </ng-template>
Traté de reproducir el problema con Ignite UI para Angular versión 13 y todo funciona bien. ¿Podría hacer los cambios necesarios para reproducir con el siguiente ejemplo de edición en vivo: