Avisos
Vaciar todo
Muy buenas tardes,
Me gustaría añadir tablas responsive tal como se explica en este vídeo: https://www.youtube.com/watch?v=B1JiTfrRZhQ
Pero, como en mi web no funciona he tenido que hacerlo implementando un poco de CSS y además, no se ve la barra de scroll. De esa manera, la gente puede pensar que no hay más contenido.
El CSS que tengo:
@media only screen and (max-width: 768px) {
.responsive-table {
overflow: hidden;
overflow-x: scroll;
display:block;
}
}
Hoy me he fijado en que el código de mi web no tiene la misma estructura HTML que los demás sitios web. Quiero decir que se ve un poco diferente, los demás sitios tienen una estructura fácil de entender y la mía no lo es, no sé si eso afectará.
Me gustaría poder hacer que la barra se vea, podéis ver el código de mi web haciendo click derecho y accediendo en el apartado de código fuente.
Muchas gracias.
Contenido solo visible a usuarios registrados
Respondido : 29/03/2021 9:56 am
Hola Helena.
Puedes probar con esto:
<div style="overflow-x:auto;">
<table>
...
</table>
</div>
Con la clase overflow-x le indicamos que se redimensione a la resolución del dispositivo.
Me gustaría poder hacer que la barra se vea
En Mac por ejemplo, no se muestra la barra hasta que no haces una acción para moverla.
Un saludo
Esta publicación ha sido modificada el hace 4 años por Pepe
Respondido : 29/03/2021 10:15 am
Muchas gracias.
Respondido : 29/03/2021 3:27 pm
Hola Helena,
Gracias a ti, siempre encantados en ayudarte
Coméntanos si con esto podemos dar el tema como solucionado
Un Saludo
Respondido : 29/03/2021 3:28 pm
Sí, está todo solucionado.
Muchas gracias.
Respondido : 29/03/2021 5:02 pm
Hola Helena,
Gracias a ti, siempre encantados en ayudarte
Escríbenos si tienes cualquier otra consulta
Un Saludo 😊
Respondido : 29/03/2021 5:06 pm
