Foros del Web » Creando para Internet » CSS »

Como crear Tabla responsiva??

Estas en el tema de Como crear Tabla responsiva?? en el foro de CSS en Foros del Web. Hola buenas!! Necesito ayuda sobre como crear una tabla responsiva para mi web. Mi web es responsiva y se adapta en pc, tablet o móvil, ...
  #1 (permalink)  
Antiguo 04/04/2015, 17:41
 
Fecha de Ingreso: abril-2015
Ubicación: Benidorm
Mensajes: 3
Antigüedad: 9 años, 1 mes
Puntos: 0
Como crear Tabla responsiva??

Hola buenas!! Necesito ayuda sobre como crear una tabla responsiva para mi web.

Mi web es responsiva y se adapta en pc, tablet o móvil,

Me gustaría saber como poder hacer una tabla responsiva de la siguiente manera.





Visualizada desde PC:



TITULO DE LA TABLA

| Ranking | Modelo | Puntuación | Precio |

| 1* | Warfare | 865 | 12$ |

| 2* | Jululu | 286 | 11,50$ |

ETC...



Visualizada desde Movil:


TITULO DE LA TABLA

Ranking | 1*
Modelo | Warfare
Puntuación | 865
Precio | 12$

ETC..

* Aparte de poner la posición poner una imagen del objeto en la misma celda.


Si alguien pudiera ayudarme a realizar esta tabla seria de gran ayuda!!

Muchas gracias saludos cracks.
  #2 (permalink)  
Antiguo 04/04/2015, 18:50
(Desactivado)
 
Fecha de Ingreso: abril-2015
Ubicación: España
Mensajes: 616
Antigüedad: 9 años, 1 mes
Puntos: 74
Respuesta: Como crear Tabla responsiva??

aquí está todo explicado.
https://css-tricks.com/responsive-data-tables/

demo
http://css-tricks.com/examples/ResponsiveTables/responsive.php

descargable
http://css-tricks.com/examples/ResponsiveTables.zip
  #3 (permalink)  
Antiguo 05/04/2015, 03:29
 
Fecha de Ingreso: abril-2015
Ubicación: Benidorm
Mensajes: 3
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Como crear Tabla responsiva??

Cita:
Iniciado por superweb360 Ver Mensaje
aquí está todo explicado.
https://css-tricks.com/responsive-data-tables/

demo
http://css-tricks.com/examples/ResponsiveTables/responsive.php

descargable
http://css-tricks.com/examples/ResponsiveTables.zip
Voy a echarle un vistazo en cuanto tenga algo echo te comento si todo fue bien. Muchas gracias!!!

Ya descarge el contenido como deberia configurarlo???

Descarge el contenido.zip cree la tabla en una entrada, luego puse el archivo style.css en custom css de mi web, al entrar desde el movil la tabla sigue fija no se mueve!! no toque ni el archivo index.html ni responvie.html no se si ahy que ponerlos en algun lado. Un saludo y gracias!!

Última edición por fran1989zgz; 05/04/2015 a las 03:43
  #4 (permalink)  
Antiguo 05/04/2015, 03:59
(Desactivado)
 
Fecha de Ingreso: abril-2015
Ubicación: España
Mensajes: 616
Antigüedad: 9 años, 1 mes
Puntos: 74
Respuesta: Como crear Tabla responsiva??

Cita:
Iniciado por fran1989zgz Ver Mensaje
Voy a echarle un vistazo en cuanto tenga algo echo te comento si todo fue bien. Muchas gracias!!!

Ya descarge el contenido como deberia configurarlo???

Descarge el contenido.zip cree la tabla en una entrada, luego puse el archivo style.css en custom css de mi web, al entrar desde el movil la tabla sigue fija no se mueve!! no toque ni el archivo index.html ni responvie.html no se si ahy que ponerlos en algun lado. Un saludo y gracias!!
para que se te vea bien desde el movil tienes que poner esto en el <head>

Código HTML:
Ver original
  1. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  #5 (permalink)  
Antiguo 05/04/2015, 07:53
 
Fecha de Ingreso: abril-2015
Ubicación: Benidorm
Mensajes: 3
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Como crear Tabla responsiva??

Cita:
Iniciado por superweb360 Ver Mensaje
para que se te vea bien desde el movil tienes que poner esto en el <head>

Código HTML:
Ver original
  1. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
E puesto esa meta en el apartado header.php y tampoco da resultado.
  #6 (permalink)  
Antiguo 05/04/2015, 14:29
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Como crear Tabla responsiva??

Cita:
Iniciado por fran1989zgz Ver Mensaje
E puesto esa meta en el apartado header.php y tampoco da resultado.
Pues pon el código. Seguir adivinando qué haces mal es poco productivo.
__________________
(:

Etiquetas: responsive
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:14.