0

Estoy usando el filtrado en Material tabs y me funciona bien, me halla los registros en todas sus columnas. Sin embargo cuando booro los datos del filtro y los dejo en blanco no me devuelve los items per page al estado natural.

Estado default: introducir la descripción de la imagen aquí

Filtrado: introducir la descripción de la imagen aquí

Al borrar los datos de filtrado: introducir la descripción de la imagen aquí

El HTML:

<mat-form-field>
  <mat-label>Filter</mat-label>
  <input matInput (keyup)="filtrado($event)" placeholder="Ex. ium" #input />
</mat-form-field>

La función en el TS:

            filtrado(event: Event) {
                this.dataSource = this.dataSource = new MatTableDataSource(this.ofertas);
                const filterValue = (event.target as HTMLInputElement).value;
                this.dataSource.filter = filterValue.trim().toLowerCase();
                if (this.dataSource.paginator) {
                this.dataSource.paginator.firstPage();
                }
            }

1 respuesta 1

0

La paginación no funciona porque al hacer new MatTableDataSource(this.ofertas), se usa un nuevo datasource y ese no tiene paginación.

Tu código se corrige agregando de nuevo el paginador:

filtrado(event: Event) {
    this.dataSource = this.dataSource = new MatTableDataSource(this.ofertas);

    this.dataSource.paginator = // agregar de nuevo el paginador

    const filterValue = (event.target as HTMLInputElement).value;
    this.dataSource.filter = filterValue.trim().toLowerCase();
    if (this.dataSource.paginator) {
        this.dataSource.paginator.firstPage();
    }
}

Otra forma es no volver a crear el datasource y solo establecer el filtro:

filtrado(event: Event) {
   const filterValue = (event.target as HTMLInputElement).value;
   this.dataSource.filter = filterValue.trim().toLowerCase();
}

Ejemplo en vivo

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.