Hola Enrique, genial la forma que desarrollas, se nota los años de experiencia. Queria hacerte una consulta, si quisiera que el mat select contenga como valor el nombre de la columna por la quiero filtrar como seria el codigo?. Me explico Que el mat select contenga los valores de las columnas a filtrar tales como "Name" ," Categoria", "Description" y filtrar mediante un input pero en la columna seleccionada. Es que a veces no conoces de antemano los valores a filtrar... como el caso valor inalambrico.
Hola @leonardovillareal3871 gracias por comentar que bueno que te guste el contenido. Con respecto a tu pregunta seria algo cómo en el listado de columnsToFilters agregar un objeto tipo: { placeholder: 'Filter by columns', column: 'COL', options: ['name','category','description'] } Y en el método getCustomFilterPredicate 1:16:01 agregar una nueva condición tipo if(key === 'ALL'){ for... } else if(key === 'COL') { Parecido al for de abajo sólo debes ajustarlo para que utilices el currentFilterValue para obtener la key de la column que quieres buscar. } else { For... }
Muy buen video, agradezco que compartas tus conocimientos me ayuda mucho paras seguir aprendiendo. No se si esas tablas reutilizables se pueden exportar a archivos CSV, o conoces alguna librería para realizar la exportación. Muchas gracias de antemano!
Hola @willianp853 esas tablas no exportan a CSV para hacerlo tendrías que hacer el algoritmo tu mismo y adaptarlo a la estructura del JSON que usas para mostrar en la tabla, en este link te explican como hacerlo medium.com/nerd-for-tech/import-and-export-data-in-csv-in-angular-3c004f502d39
hola. dias atras encontre tu canal y he visto todos los videos sobre table, tengo 2 consultas, como no mostrar un campo de datasource en la table y como indicar a la tabla que muestre solo 20 filas y si el usuario selecciono 50 o 100, solo muestre hasta 20 pero con scroll para q el usuario vea los demas registros, pero sin alterar la altura de la tabla, gracias por el aporte
Hola @luisormeno9101 los campos del datasource se muestran siempre y cuando esten en las columnas a mostrar, así que sí tú datasource tiene un array de objetos y cada objeto tiene 10 propiedades y tú array de columnas solo está apuntado a 5 propiedades las otras 5 no se mostrarán. En cuanto a la otra interrogante, voy a analizar ése caso de uso para ver la manera más práctica de aplicarlo.
Hola @enrique tengo una duda, en caso que tengamos una paginacion de miles o millones de registro, como haria para enviar en el paginator la pagina y que aparezca el total de registros en el paginator. porque no puedo traer ese millon de registro para mostrarlo. En ese caso que solo miservicio trae por decir solo 10 registro de un millon como se haria. Un exitos tus videos
Hola @jejecs en ése caso es necesario en resumidas palabras hacer dos cosas: 1- Tienes que pasarle la cantidad total de registros al MatPaginator en una propiedad llamada length 2- Escuchar el evento page del MatPaginator para que hagas las peticiones a tu API con el número de página y el tamaño de página seleccionado.
disculpe enrique y si yo quisiera que la tabla se filtre por medio de chips de angular, los cuales sean las posibles columnas a aparecer en la tabla y si yo selecciono por ejemplo name y edad solo busque en esos dos campos lo que yo escriba y que en mi tabla solo me muestre esos dos datos comprendo que con esto la tabla seria muy complicada, además que serian con datos(columnas) variables eso es posible?
Hola @kevinantonio8083 con lo que explico en éste video se puede hacer éso ya tienes más del 90% hecho, sólo necesitas cambiar el MatSelect por los MatChips y hacer unos pequeños ajustes para que se adapte a lo que necesitas.
![Ice On My Teeth - ATEEZ エイティーズ 에이티즈 [Music Bank] | KBS WORLD TV 241115](http://i.ytimg.com/vi/c-n92OgbbwA/mqdefault.jpg)
Hola Enrique, genial la forma que desarrollas, se nota los años de experiencia. Queria hacerte una consulta, si quisiera que el mat select contenga como valor el nombre de la columna por la quiero filtrar como seria el codigo?. Me explico Que el mat select contenga los valores de las columnas a filtrar tales como "Name" ," Categoria", "Description" y filtrar mediante un input pero en la columna seleccionada. Es que a veces no conoces de antemano los valores a filtrar... como el caso valor inalambrico.
Hola @leonardovillareal3871 gracias por comentar que bueno que te guste el contenido. Con respecto a tu pregunta seria algo cómo en el listado de columnsToFilters agregar un objeto tipo:
{
placeholder: 'Filter by columns',
column: 'COL',
options: ['name','category','description']
}
Y en el método getCustomFilterPredicate 1:16:01 agregar una nueva condición tipo
if(key === 'ALL'){
for...
} else if(key === 'COL') {
Parecido al for de abajo sólo debes ajustarlo para que utilices el currentFilterValue para obtener la key de la column que quieres buscar.
} else {
For...
}
@@jemc300xMuchas gracias por tu respuesta Enrique y gracias por compartir tu conocimiento.
Muy buen video, agradezco que compartas tus conocimientos me ayuda mucho paras seguir aprendiendo. No se si esas tablas reutilizables se pueden exportar a archivos CSV, o conoces alguna librería para realizar la exportación. Muchas gracias de antemano!
Hola @willianp853 esas tablas no exportan a CSV para hacerlo tendrías que hacer el algoritmo tu mismo y adaptarlo a la estructura del JSON que usas para mostrar en la tabla, en este link te explican como hacerlo medium.com/nerd-for-tech/import-and-export-data-in-csv-in-angular-3c004f502d39
hola. dias atras encontre tu canal y he visto todos los videos sobre table, tengo 2 consultas, como no mostrar un campo de datasource en la table y como indicar a la tabla que muestre solo 20 filas y si el usuario selecciono 50 o 100, solo muestre hasta 20 pero con scroll para q el usuario vea los demas registros, pero sin alterar la altura de la tabla, gracias por el aporte
Hola @luisormeno9101 los campos del datasource se muestran siempre y cuando esten en las columnas a mostrar, así que sí tú datasource tiene un array de objetos y cada objeto tiene 10 propiedades y tú array de columnas solo está apuntado a 5 propiedades las otras 5 no se mostrarán.
En cuanto a la otra interrogante, voy a analizar ése caso de uso para ver la manera más práctica de aplicarlo.
Hola @enrique tengo una duda, en caso que tengamos una paginacion de miles o millones de registro, como haria para enviar en el paginator la pagina y que aparezca el total de registros en el paginator. porque no puedo traer ese millon de registro para mostrarlo. En ese caso que solo miservicio trae por decir solo 10 registro de un millon como se haria. Un exitos tus videos
Hola @jejecs en ése caso es necesario en resumidas palabras hacer dos cosas:
1- Tienes que pasarle la cantidad total de registros al MatPaginator en una propiedad llamada length
2- Escuchar el evento page del MatPaginator para que hagas las peticiones a tu API con el número de página y el tamaño de página seleccionado.
disculpe enrique y si yo quisiera que la tabla se filtre por medio de chips de angular, los cuales sean las posibles columnas a aparecer en la tabla y si yo selecciono por ejemplo
name y edad
solo busque en esos dos campos lo que yo escriba y que en mi tabla solo me muestre esos dos datos
comprendo que con esto la tabla seria muy complicada, además que serian con datos(columnas) variables eso es posible?
Hola @kevinantonio8083 con lo que explico en éste video se puede hacer éso ya tienes más del 90% hecho, sólo necesitas cambiar el MatSelect por los MatChips y hacer unos pequeños ajustes para que se adapte a lo que necesitas.
Sí es viable utilizarlo en angular 17 (usando modulo o sin ellos). ¿Por que no hay una version con todas las opciones?
Hola, por supuesto que es viable. No hay un vídeo con todas las opciones porque las he ido creando a medida que me las han ido pidiendo.
funciona aun en angular 17 sr?
Hola @diegovinasco6575 aún no lo he probado pero en teoría debería funcionar sin ningún problema.