Buen día y saludos a todos. Tengo un mat-table en angular donde muestro información recibida de un json, similar a esto:
[
{
Id: "1",
Nombre: "Leonel",
Serie: "75603",
Modulo: {
Entrada: "Optimizar",
Salida: "Descargar"
}
},
{
Id: "2",
Nombre: "Jennifer",
Serie: "84219",
Modulo: {
Entrada: "Renovar",
Salida: "Expedir"
}
}
]
El problema surge cuando uso el filtro de búsqueda, que funciona solo cuando agrego en la tabla las columnas: Id, Nombre y Serie. Si agrego las columnas Entrada y Salida me muestra la información pero el filtro ya no me funciona y en consola se genera el siguiente error:
ERROR TypeError: Cannot read property 'toString' of undefined
at eval (VM7878 table-basic-example.ts:51)
at Array.some (<anonymous>)
at MatTableDataSource.listData.filterPredicate (VM7878 table-basic-example.ts:48)
at eval (table-data-source.ts:221)
at Array.filter (<anonymous>)
at MatTableDataSource._filterData (table-data-source.ts:221)
at MapSubscriber.eval [as project] (table-data-source.ts:199)
at MapSubscriber._next (map.ts:81)
at MapSubscriber.Subscriber.next (Subscriber.ts:102)
at CombineLatestSubscriber.notifyNext (combineLatest.ts:247)
Tengo el código ya realizado en: https://stackblitz.com/demo