Data Table angular material ¿Cómo usar angular material data table? 📋//CURSO ANGULAR

Показать описание

🔥 🔥 Angular desde cero🔥🔥
🔥🔥 Angular en solo 5 MINUTOS
En este video vamos aprender a como implementar un data table en tu proyecto.

Data Table angular material ¿Cómo usar angular material data table?
Si estás empezando a programar, o si quieres fortalecer tus conocimientos te doy la bienvenida a este canal.

Aquí hablamos angular desde cero, node, mongo, de frontend de backend, problemas reales de un programador y soluciones que se aplican en el día a día.

Aquí vas a encontrar tutorías de angular, tutoriales de node, juntos llevaremos a la práctica ejercicios reales, así que venga y le cuento.

👋 𝐂𝐔𝐑𝐒𝐎𝐒 𝐆𝐑𝐀𝐓𝐈𝐒

🤑 𝐂𝐔𝐑𝐒𝐎𝐒 𝐏𝐀𝐆𝐎𝐒

‍🚀 𝐂𝐎𝐌𝐔𝐍𝐈𝐃𝐀𝐃 𝐘 𝐆𝐑𝐔𝐏𝐎𝐒 𝐃𝐄 𝐄𝐒𝐓𝐔𝐃𝐈𝐎

‍🏆 𝐌Á𝐒 𝐂𝐎𝐍𝐓𝐄𝐍𝐈𝐃𝐎

‍💰 𝐏𝐑𝐎𝐌𝐎𝐂𝐈𝐎𝐍𝐄𝐒 𝐘 𝐃𝐄𝐒𝐂𝐔𝐄𝐍𝐓𝐎𝐒

🧠 𝐑𝐄𝐏𝐎𝐒𝐈𝐓𝐎𝐑𝐈𝐎 𝐘 𝐂𝐎𝐃𝐈𝐆𝐎𝐒

✉️ 𝐂𝐎𝐍𝐓𝐀𝐂𝐓𝐎

Si el contenido de está video te parece relevante recuerda suscribirte al canal, activar la campanita para que youtube te avise cada vez que subo un nuevo video y dejar una manito arriba.

clases de angular 11 2021

0:00 Intro
0:42 Resumen
1:00 Sobre ngx-datatable
1:56 Instalación ngx-datatable
3:50 Implementación de ngx-datatable
7:50 Dando estilo a la tabla
8:45 Modificando las Columnas
---

#leifermendezAngular #leifermendezNode #leifermendezSocket

Комментарии

muchisimasss gracias iba horas intentando darle los css a las tablas 💖💖💖💖💖💖💖

janethcristinacifuentes

Grandes aportes! Gracias. Aunque no he podido seguir el ejemplo para el dataTable pues al momento tengo Angular 13 y a pesar de desactivar el modo STRICT tengo errores de variables no asignaas al momento de copiar el codigo en el component.ts. Pero he comenzado a seguir tu serie de video y esta genial genial man

MrMartinezDev

Leifer, gracias por todos tus videos. Estoy haciendo un login y quise hacerlo con angular material, me ha costado un poco, tienes algun video o piensas hacer alguno?. Tu usas material?

djdavid

Muchas gracias Leifer!, solo tuve un problema al instalar ngx-datatable, ya que la version actual tiene como dependencia la versión 6.6.3 de rxjs, pero en angular 13 ya está la 7.4.0, tuve que forzar la instalación con "--force" (Veré luego si hay algo roto)... por otra parte, el uso de editTmpl y hdrTpl al no estar inicializados tuve que dejar en false el "strict" en el archivo tsconfig.json, ya que si no, no deja compilar, sabes cual es la forma correcta de corregir eso?. Gracias!

mauriciomendoza

Al pintar la tabla en el (ngOnInit) en el list-views.component, me marca error al pintar las columnas, alguna solución?

danieldavidcalderon

Se puede usar el ngx-dstatable junto al angular material?.

Tengo un proyecto que usa material, pero quiero usar una de las tablas del ngx Habrá algún problema si instalado ambos paquetes?

rokenbupolecat

Y si quiero poner un boton que me abra opciones de cada una de las celdas como lo haría?

andersonpinilla

Buen video bro! Tendrás algún ejemplo de cómo convertir un elemento html a una imagen, se que existe canvasToHtml y domToImage, pero dan muchos problemas

urtaav

mi estimado Leifer Mendez de que manera puedo hacer server side, pagination side con la tabla teniendo esta botones de edit, delete en cada row de la tabla????, te mando un cordial saludo

desarrolloctscts

Hola @Leifer Mendez estaba usando mattable y quería unir el nombre con el apellido pero no pude usar colspan si muestro {{data.Nombre}} {{data.Apellido}} se muestra pero ya no funciona mi filtro. Podrías guiarme a la solución

andreajimenez

Hola... mm tengo un problema para pasar mi data a la vista, en efecto el array tiene la data, está implementado en el dataSource pero al momento de usar el <td mat-cell *matCellDef="let element"> {{element.telefono}} </td> no me muestra la información en la tabla... traté de usar un ngFor como alternativa y no pasa nada.

edgardomolinagonzalez

podrias hacer un video haciendo paginacion

cristianchampion

si tengo varias pantallas que presentan una tabla de datos, dicha tabla debe ser un componente aparte para reutilizarlo mas fácilmente ? tengo la duda porque en unas pantallas la tabla se puede modificar y en otras no

TechBleND

Tengo varias pantallas que presentan una tabla de datos, ¿esta tabla debe ser un componente aparte para reutilizarlo mas fácilmente ? Además hay rutas se generan con variables. Cómo puedo implementar la tabla en ese caso?

DiegoMejia

no es compatible al instalar ngx-datatable, sale muchos errores, podrias actualizar este video porfavor con una tabla que si sea compatible, te lo agradeceria mucho

EduardCarlosParedesGonza

al momento de pegar el código del git de datatables en el ngOnInit me da error, ayuda por favor

josemanuelmalaverarodrigue

Hola, para que me quede claro, ¿este video no trata de la tabla de Angular Material? Porque el título del video es confuso, gracias.!

guillermogomez

ngx-datatable' is not a known element:

me sale ese error en el html

juanasis

Porque en los componentes sale ... y no sale lo que importas?

sid

muchas gracias, pero hasta en x2 se ve lento 👻

rodrigosalazar