Este ejemplo es una tabla normal que mediante @media queries se le aplicará un formato especial pasando cada TH del THEAD a una celda anterior a cada celda del contenido consiguiendo repetir la cabecera de la tabla de manera vertical para cada una de las filas de datos.
Nombre | Apellidos | Cargo | ID | |
---|---|---|---|---|
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 1 |
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 2 |
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 3 |
Este ejemplo es una tabla normal encajada dentro de un divisor definido al 100% de ancho que mostrará barra de scroll automáticamente si es necesaria. La tabla no varía su apariencia original.
Nombre | Apellidos | Cargo | ID | |
---|---|---|---|---|
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 1 |
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 2 |
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 3 |
Este ejemplo es una tabla normal que esconderá las columnas marcadas con la clase "descarto" cuando el tamaño de pantalla empieza a apretar.
Nombre | Apellidos | Cargo | ID | |
---|---|---|---|---|
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 1 |
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 2 |
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 3 |
Este ejemplo es una tabla normal que reducirá el tamaño de la tipografía al mostrarse en dispositivos móviles.
Nombre | Apellidos | Cargo | ID | |
---|---|---|---|---|
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 1 |
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 2 |
Martín | Iglesias Lenci | Desarrollador | @martinigleu | 3 |