Respuesta rápida
Abre la tabla en el constructor, ve a Settings , abre la sección Scroll y activa Enable horizontal scrolling, y luego haz clic en Save. Cuando la tabla es más ancha que el área de la página, los visitantes ven una barra de desplazamiento horizontal en lugar de columnas apretadas. El desplazamiento horizontal está incluido en la versión gratuita de WP Table Builder.
El desplazamiento horizontal permite a los visitantes deslizar o desplazar de lado a lado una tabla ancha de WP Table Builder. Es la forma más sencilla de mantener legibles en pantallas pequeñas las tablas comparativas y de precios anchas sin cambiar su diseño.
Requisitos #
| Concepto | Detalles |
|---|---|
| Plan | Gratis y Pro |
| Versión del plugin | WP Table Builder 2.0 o posterior |
| Tiempo necesario | Menos de 1 minuto |
Paso 1: Activa el desplazamiento horizontal #
- Ve a WP Table Builder > All Tables y haz clic en Edit debajo de tu tabla.
- Haz clic en Settings (pestaña) en el panel izquierdo.
- Escribe
desplazamientoen Search settings, o desplázate hasta Scroll . - Activa Enable horizontal scrolling.
- Haz clic en Save.
Paso 2: Define un ancho mínimo de columna #
El desplazamiento solo aparece cuando la tabla es más ancha que el espacio donde está. Para controlar cuándo ocurre, define un ancho mínimo para las columnas:
- En Settings , abre la sección General .
- Ajusta Cell Min Auto Width (120 px por defecto). Las columnas no se estrechan por debajo de este ancho, así que una tabla con muchas columnas se desborda y se puede desplazar en pantallas pequeñas.
- Para dar un ancho fijo a una columna, selecciona una celda de esa columna y cambia Column Width en Row & Column Control.
¿Desplazamiento horizontal o apilado responsive? #
| Opción | Lo que ven los visitantes en un teléfono | Ideal para |
|---|---|---|
| Desplazamiento horizontal | El mismo diseño de tabla, desplazado hacia los lados | Tablas comparativas en las que las columnas deben quedar una al lado de otra |
| Tabla responsive | Filas o columnas apiladas en vertical | Tablas sencillas, tarjetas de precios, listas |
También puedes combinar el desplazamiento horizontal con una primera columna fija (Pro), para que los nombres de los productos sigan visibles mientras los visitantes se desplazan.
Preguntas frecuentes #
¿Cómo evito que una tabla de WordPress se corte en el móvil?
Activa Enable horizontal scrolling en la sección Scroll de la pestaña Settings de la tabla. Las tablas anchas se desplazan entonces hacia los lados en lugar de salirse de la página o apretar sus columnas.
¿El desplazamiento horizontal está disponible en la versión gratuita de WP Table Builder?
Sí. Enable horizontal scrolling es una función gratuita.
¿Por qué no aparece la barra de desplazamiento después de activarlo?
La tabla cabe dentro de su contenedor, así que no hay nada que desplazar. Aumenta Cell Min Auto Width o el ancho de columnas concretas, o prueba en una pantalla más estrecha.
¿Puedo mantener fija la primera columna al desplazarme?
Sí, con WP Table Builder Pro. Activa Make Column Sticky en la sección Sticky y pon Sticky Column en 1.
