El bloque tabla no permite añadir css
-
Hola.
Tras la actualización a la versión 5.3 los cambios introducidos en el bloque tabla hacen que no funcionan los estilos css añadidos.
He añadido a la página un estilo para que las tablas sean responsive y se adapten a las pantallas de los teléfonos móviles. Este funcionaba correctamente en la versión wordpress 5.2x
/*Tabla responsive*/ @media only screen and (max-width: 768px) { table.responsive { margin-bottom: 0; overflow: hidden; overflow-x: scroll; display: block; white-space: nowrap; } }
Para activarlo añado el estilo «responsive» en el código html del bloque tabla.
<table class="wp-block-table responsive is-style-stripes">...</table>
Lo que ocurre con el nuevo editor de tablas es que no permite añadir nuevas clases y si lo indicas en avanzado crea una etiqueta <figure> que no hace nada.
Cuando se intenta añadir el estilo css a la etiqueta <table> el bloque se bloquea y lanza el mensaje «este bloque tiene un contenido inesperado o no válido».
El hecho es que no puedo hacer que las tablas sean responsive y se adapen a pantallas pequeñas.¿Alguien sabe alguna forma de solucionar este problema?
- El debate ‘El bloque tabla no permite añadir css’ está cerrado a nuevas respuestas.