Como te dicen puedes hacerla en HTML expresando los anchos en %, para ayudarte puedes usar un generador de tablas como tablesgenerator o si tu template posee bootstrap puedes usar las clases de tablas del mismo
Para crear una tabla responsive en WordPress, Puedes utilizar un plugins como "TablePress" o "WP Table Builder" que te permitirán crear tablas responsive de manera sencilla.
Instala y activa el plugin desde tu panel de WordPress.
Una vez que hayas instalado el plugin, podrás crear tu tabla directamente desde el panel de tu WordPress.
Puedes ingresar los datos de la tabla manualmente o importarlos...
solo haces la estructura basica <table> en porcentaje, lo pones dentro de un div principal con px o 100%…
lo puedes ver si le das click en .50px , .25px en el codepen o abriendolo en otra pestaña
Habrá que ver si después de 7 años aun necesita hacer responsiva su pobre tabla.Tal y como te indican: usar % en vez de px fijos.. en los anchos o altos...
Aparte yo que tú implementaría: https://getbootstrap.com/2.0.2/
Tiene recursos para todo puedes hacer tablas y configurarlas como te salga de las narices. ^^
xD ni me fijé en la fecha la verdad.. vi que estaba visible en la primera página me metí y ala xD libre albedrío..Habrá que ver si después de 7 años aun necesita hacer responsiva su pobre tabla.
tbody {
width: 100%;
display: inline-table
}
table {
border-collapse: collapse;
overflow-x: auto;
display: flex;
margin: 30px 0;
width: 100%;
color: #333;
border-top: 2px solid #0091D5;
font-size: 17px !important
}
th {
background-color: #f2f2f2;
font-weight: 700;
text-align: left;
padding: 8px;
border: 1px solid #ccc;
font-size: 18px !important;
text-align: center;
font-weight: bold
}
tr:nth-child(even) td {
background-color: #f5f5f5
}
tr:nth-child(odd) td {
background-color: #fff
}
td {
background-color: #fff;
text-align: left;
padding: 8px;
border: 1px solid #ccc
}
tr:hover td {
background-color: #e5e5e5
}Ya lo he dicho que no lo pongo para que me conteste, ya se que fecha tiene, solo es por si alguien lo necesitaHabrá que ver si después de 7 años aun necesita hacer responsiva su pobre tabla.
Es lo mismo con div o <tbody>Yo utilizo una tabla html sin width de ningún tipo y sin utilizar id para la tabla con el siguiente código css y me va perfecta:
Bro,Habrá que ver si después de 7 años aun necesita hacer responsiva su pobre tabla.
No pasa nada, podemos revivir lo que se no venga en gana, siempre y cuando nuestro comentario aporte un poco más de valor 😎👍xD ni me fijé en la fecha la verdad.. vi que estaba visible en la primera página me metí y ala xD libre albedrío..
Perdón por resucitar el post, aunque a carácter práctico e informativo la recomendación de bootstrap es legítima y sirve para gente buscando lo mismo, me doy por satisfecho con mi servicio ^^
Y más aún cuando se trata de crear tablas jejexD ni me fijé en la fecha la verdad.. vi que estaba visible en la primera página me metí y ala xD libre albedrío..
Perdón por resucitar el post, aunque a carácter práctico e informativo la recomendación de bootstrap es legítima y sirve para gente buscando lo mismo, me doy por satisfecho con mi servicio ^^
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?