Trucos CSS (29) - Tabla responsive

Trucos CSS en Github: github.com/esc...
Visítanos en nuestra página web escuela.digital
Síguenos en Facebook: / escueladigitalperu
Síguenos en Twitter: / edigitalperu
Únete a la comunidad Escuela Digital en Facebook:
/ comunidad.escueladigital

[@joseangellemus5382]

Que problema con las benditas tablas. La primera parte ya la había resuelto así como lo propones. La segunda parte me gustó mucho. Gracias por retomar el canal, tus videos aportan mucho y de manera muy sencilla. Saludos!

[@JessiWockeez]

"Para que tú te los copies y hagas tu canal" JAJAJAJAJA, la mejor parte. Alvaro y sus indirectas :v

[@nanoaps9083]

+Jessi Wockeez Yo sigo varios canales similares y no termino de captar contra quien van ajajaja

[@JesusRiveraHn]

+Jessi Wockeez Esa tiradera refleja orgullo en Alvaro. La tiradera la tenia con la gente de Pretzi jejejje

[@JesusRiveraHn]

+Álvaro Felipe Es decir, Tirar comentarios "Indirectas" hacia otros usuarios "de youtube por ejemplo" que utilizan tu trabajo en sus canales.

[@nanoaps9083]

Pretzi?, a esos no los sigo, gracias por aclarar. Saludos

[@JesusRiveraHn]

+nano aps Son mucho BLABLA, Aquí en Escuela Digital es mas al grano.

[@edu25251]

gracias, me has sacado de un dolor de cabeza de semanas.

[@daskonhdo4225]

Me sirvió mucho este video, a partir de hoy me suscribo, suerte y éxito:)

[@Mantequilla723]

Amigo, que buen video, pero una pregunta que de verdad me tiene un poco indeciso sobre como estructurar mis datos a la hora de crear una tabla, como deberia hacerlo, con etiquetas o con ? es que he escuchado en varios video tutoriales que la etiqueta no es lo mas apropiado para hacer tablas de datos. Que recomienda usted? Saludos!

[@BonensProject]

Espero que sigas subiendo estos videos, que son los que hicieron que me suscriba a este canal.

[@waltergonzalesbardales9537]

Buen video, ¡felicitaciones!

[@Rubens-89]

Me gusta este tipo porque explica el porque de las cosas ... tambien me llamo la atencion "para que tu te los copies y hagas tu canal" xD ... debe de haber varios

[@Henry_Nunez]

Excelente. Muchas gracias 👍

[@CristianHernandez-CJ]

Buen video amigo en verdad se te nota la pasion de lo que haces

[@anthonycoronel9019]

Muchas gracias , es muy interesante el trabajo que haces . Gracias otra vez por subir tan buen contenido c:

[@MynorBriones]

Muchas gracias por compartir este video, pronto estaré dentro de ED.

[@douglasmonterola8499]

amigo excelente aporte, podrías ayudarme necesito hacer una tabla y cuando le coloco mucho contenido se me distorsiona a lo alto como podría controlar eso???

[@kirasma8046]

Muchas Gracias, es lo que estaba buscando desde hace mucho tiempo, eres el mejor saludos

[@i.a6888]

la verdad que no era lo que buscaba .

[@jorgemartin8999]

Muchas gracias por el truco. Es buenísimo, así visto parece muy sencillo pero has debido pasar mucho rato pensándolo. Me ha gustado tu camiseta(o polera o como le llamen ustedes).

[@bernabesanchezlenis9753]

EXCELENTE VÍDEO, JUSTO LO QUE NECESITO

[@marcesil78]

grande alvaro gracias por compartir tus conocimientos.... ☺

[@shagy20102010]

Bueno tu vídeo, ojala puedas sacar uno como excel, fijo el primer td asi como tu video, y fijo el primer el tr para cuando den scroll hacia abajo y luego a la derecha sepan sobre que columna están.

[@sntlln93]

Gracias! Por más trucos frontend!

[@jussibethtatianaplaces3703]

Gracias por el truco, esto es lo que necesitaba y mucho, sigue con el curso he :)

[@manudeteruel]

Para evitar el último box se podía aplicar a la fila de cabecera(th) la misma norma de los td?

[@arturodisenador290]

Excelente tu trabajo, gracias por compartir esto

[@javierbellorin1098]

Amigo tengo un problema con una aplicación web, fíjate tengo una tala en html que se construye a medida que se van cagando los registros de una tabla, ahora bien en esa tabla le estoy creando una columna donde inserto un RadioButton con intención de hacer click sobre este y poder tomar los datos de la fila completa para pasar esos datos a otra pagina donde mostraria mas datos de ese registro e incluso otros relacionados que estan en otras tablas. Osea como si vieras los encabezados de una cantidad de facturas o boletas y al hacer click sobre una pudieras ver las factura completa con sus items, montos y demas.

[@dasmania03]

Excelente Alvaro. ya extrañaba estos videos. estare pendiente del curso de sass. una duda hasta cuendo estas bloqueado o limitado a los 15 min de video

[@carlosquintero7297]

Exelente aporte felicitaciones.

[@fsama2903]

@escueladigitalperu @EDteam +escueladigitalperu como hago para que todas las celdas tengan el mismo tamaño? me pasa que las de la 1ra columna no son todas iguales, entonces se desencuadran con las que le siguen. (me pasa principalmente en modo celular) ayuda T_T . De todas maneras la ultima columna, de mas la derecha, me gustaria hacerla mas pequeña porque solo quiero ingresar un año en cada celda. pd:Ojo que dentro de las celdas puse nombres en unas y en otros numeros, por lo tanto algunas me quedan de poca altura y otras de mas altura... no se que hacer :(

[@ettercap5384]

Hola, una pregunta, yo tengo una tabla, y quiero que sea fija, pero en un punto, mi pagina es responsive, cuando lo probé en otra pc, la tabla se me iba para cualquier lado y no se quedaba fijo en el lugar que le puse, que podría hacer?

[@victorgiovannibeltranrodri1047]

No soy youtuber, me gusta tu canal y tu manera de enseñar, me gusto el video pero me quedo una duda :P ¿Porque no puedes subir videos largos?

[@asociacionpoliticaplus5621]

como puedo tener contacto contigo, tengo un css que no logro checar el error para mi tabla responsive, mas que nada uso scrool... podrias analizarlo?

[@TheJhonycertz]

como se ace aa que sigan siendo responsive en pantallas menos de 320px moviles?, al parecer solo llegan a pantallas de 720px. en bootstrap

[@georgebellota6685]

Alvaro cuando el curso de css avanzado y sass tienes una fecha estimada.

[@EDteam]

+George Bellota el de sass viene primero y más pronto de lo que imaginas. Atento =)

[@ict-cryptodolargamez486]

Seria bueno ver un video similar pero con el uso de GRID css

[@labibliaenunvideo5838]

lo uni con php , y me salta 0.0 en cada campo XD esto se debe por las variables ?

[@leonardomoreno361]

para que te los copies y hagas tu canal jejejej viejo siempre has sido renegon pero aun q tu no lo creas ya en este video te veo con una mejor actitud. en serio se que parece cachita pero me alegra el cambio en tu actitud. mira videos tuyos mas viejos y los mas actuales y sabras a que me refiero.

[@joelarraez2345]

Buen video.

[@brayanllanos947]

Profe y todavia tiene este canal con restricciones?

[@alejandrosmithjohnson6966]

Cómo hago para que una celda de la tabla quede como un link, es decir que si alguien le da clic en una celda de la tabla se les abra otra página. le agradezco su respuesta, Gracias por hacer este tutorial.

[@fsama2903]

suerte, no tengo idea :P. si llego a saber te digo

[@reviewsdetecnologia6485]

increible truco

[@ricardotovar6667]

"Y engañar a tus suscriptores"... me meo de la risa!

[@ProceseroMexicali]

Muy bueno

[@carlosurielvillegas3904]

Super

[@Coca-Tv]

puedes subir un poco el volumen a tus videos :D

[@promakdispromakdis4489]

El hover en movil no funciona!

[@renamate]

Esta bien bueno pero queda pendiente como hacerlo para el scroll vertical, es justo lo que necesito cuando tenga una solución la escribo por acá.

[@EDteam]

+Renato Tapia no necesitas scroll vertical, el alto del contenedor es automatico segun el alto de la tabla

[@renamate]

+Escuela Digital onedrive.live.com/redir?resid=A88F3F83EC204466!1046&authkey=!AFz_M0pVTauV79g&v=3&ithint=photo%2cPNG Ese es el tema al tener position absolute queda fijo al hacer scroll vertical

[@EDteam]

+Renato Tapia no necesitas scroll vertical, estas planteandolo mal

[@renamate]

+Escuela Digital si te entiendo lo que me quieres decir, no es necesario hacer un scroll vertical pero cuando la tabla crece hacia abajo seria ideal poder dejar el thead (o la primera dila) fijo arriba para saber a que columna pertenece cada campo.

[@Fujitsu2012]

+Renato Tapia La manera para hacerlo es usando los mismos principios que con el horizontal. Echándole un rato, seguro que lo sacamos a flote, con, por ejemplo, 50/60 filas.

[@linderchavezcobos9732]

Cada vez que se fractura un hueso sube su nivel de diseñador 😂

[@antfun8784]

que buen servicio .jpg :b

[@EdwinFernandoMarroquinBustos]

No se si sea optimo. solo css codepen.io/marrokin/pen/xVNbBG

[@densermedina764]

Copiar, hacer mi canal y engañar a mis suscriptores, muy buena idea Alvaro....! jajajajajajajajaja

[@imarisal]

Jajajaja engañar a tus suscriptores, me hizo la tarde.