Cómo redimensionar tablas en Wordpress

  • Autor Autor Villanox
  • Fecha de inicio Fecha de inicio
V

Villanox

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola chicos... a ver, tengo una pequeña duda.
Si hago una tabla tan bonita como esta:
Screenshot_5.webp
Por que se me queda asi:
Screenshot_6.webp
Hay alguna manera de redimensionar las tablas en su interior? gracias 🙂
 
Hola [MENTION=147042]Villanox[/MENTION]

Existen varios plugins para WordPress para generar tablas, no sé qué sistema estás usando pero si estás copiando y pegando es posible que CSS importado o el CSS del theme estén afectando.

Algunos themes premium tienen la opción de envolver datos con
PHP:
[raw] datos [/raw]
para evitar sobreescritura de datos, pero eso ocurre en un 1 theme de cada mil en los gratuitos...

Opta por un plugin, creo que es lo mejor que puedes hacer.
 
En el css a cada columna tendrás que asignarle el ancho.
 
Gracias ramonjosegn
Estoy usando TinyMCE Advanced despues de usar el que trae por defecto mi wordpress, pero no puedo editar (o no se) el interior de las filas, hay alguna manera de editar el tamaño del interior?

- - - Actualizado - - -

Esto seria en html:
<table style="border: 1px solid #DDD; background-color: #aaa;" cellspacing="1" cellpadding="2" align="center">
<thead class="thead" style="background-color: #ddd;">
<tr>
<th class="head_1" style="text-align: left;">Título 1</th>
<th class="head_2" style="text-align: left;">Título 2</th>
<th class="head_3" style="text-align: left;">Título 3</th>
<th class="head_4" style="text-align: left;">Título 4</th>
</tr>
</thead>
<tbody>
<tr>
<td style="background-color: white;">1</td>
<td style="background-color: white;">Habia una vez un granjero que no sabia leer</td>
<td style="background-color: white;">8</td>
<td style="background-color: white;">9.5</td>
</tr>
<tr>
<td style="background-color: white;">2</td>
<td style="background-color: white;">Medicamentos</td>
<td style="background-color: white;">10</td>
<td style="background-color: white;">9.4</td>
</tr>
</tbody>
</table>
Donde podria modificar el tamaño?
 
Usa el plugin DataTable, son tablas responsive con diversas funciones.

Ahora la estoy implementado y la puedes ver en la siguiente pagina -> Page Test – opera

Solo añades el JS, el CSS, y tu codigo JS para iniciar el plugin en la tabla 😉
 
Gracias belial9826 lo pondre a prueba a ver que tal sale. Por que me estoy volviendo loco jajjaja Gracias 🙂
 
La gran mayoría de temas ya viene con su CSS para sus tablas. Así que es muy posible que tengas que darle no solamente estilo, si no que además es probable que tengas que hacerlo con un !important

Un Saludo.
 
Atrás
Arriba