{"id":24258,"date":"2026-11-13T13:33:04","date_gmt":"2026-11-13T13:33:04","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/horizontal-scroll-table\/"},"modified":"2026-11-13T13:33:04","modified_gmt":"2026-11-13T13:33:04","password":"","slug":"horizontal-scroll-table","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/horizontal-scroll-table\/","title":{"rendered":"C\u00f3mo hacer que una tabla se desplace horizontalmente en WP Table Builder"},"content":{"rendered":"
\n

Respuesta r\u00e1pida<\/p>\n\n\n\n

Abre la tabla en el constructor, ve a Settings<\/strong> , abre la secci\u00f3n Scroll<\/strong> y activa Enable horizontal scrolling<\/strong>, y luego haz clic en Save<\/strong>. Cuando la tabla es m\u00e1s ancha que el \u00e1rea de la p\u00e1gina, los visitantes ven una barra de desplazamiento horizontal en lugar de columnas apretadas. El desplazamiento horizontal est\u00e1 incluido en la versi\u00f3n gratuita de WP Table Builder.<\/p>\n<\/div>\n\n\n\n

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\u00e1s sencilla de mantener legibles en pantallas peque\u00f1as las tablas comparativas y de precios anchas sin cambiar su dise\u00f1o.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Requisitos<\/h2>\n\n\n\n
Concepto<\/th>Detalles<\/th><\/tr><\/thead>
Plan<\/strong><\/td>Gratis y Pro<\/td><\/tr>
Versi\u00f3n del plugin<\/strong><\/td>WP Table Builder 2.0 o posterior<\/td><\/tr>
Tiempo necesario<\/strong><\/td>Menos de 1 minuto<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Paso 1: Activa el desplazamiento horizontal<\/h2>\n\n\n\n
    \n
  1. Ve a WP Table Builder > All Tables<\/strong> y haz clic en Edit<\/strong> debajo de tu tabla.<\/li>\n\n\n\n
  2. Haz clic en Settings<\/strong> (pesta\u00f1a) en el panel izquierdo.<\/li>\n\n\n\n
  3. Escribe desplazamiento<\/code> en Search settings<\/strong>, o despl\u00e1zate hasta Scroll<\/strong> .<\/li>\n\n\n\n
  4. Activa Enable horizontal scrolling<\/strong>.<\/li>\n\n\n\n
  5. Haz clic en Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n
    \"Secci\u00f3n<\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    Paso 2: Define un ancho m\u00ednimo de columna<\/h2>\n\n\n\n

    El desplazamiento solo aparece cuando la tabla es m\u00e1s ancha que el espacio donde est\u00e1. Para controlar cu\u00e1ndo ocurre, define un ancho m\u00ednimo para las columnas:<\/p>\n\n\n\n

      \n
    1. En Settings<\/strong> , abre la secci\u00f3n General<\/strong> .<\/li>\n\n\n\n
    2. Ajusta Cell Min Auto Width<\/strong> (120 px por defecto). Las columnas no se estrechan por debajo de este ancho, as\u00ed que una tabla con muchas columnas se desborda y se puede desplazar en pantallas peque\u00f1as.<\/li>\n\n\n\n
    3. Para dar un ancho fijo a una columna, selecciona una celda de esa columna y cambia Column Width<\/strong> en Row & Column Control<\/strong>.<\/li>\n<\/ol>\n\n\n
      <\/div><\/div><\/div>\n\n\n

      \u00bfDesplazamiento horizontal o apilado responsive?<\/h2>\n\n\n\n
      Opci\u00f3n<\/th>Lo que ven los visitantes en un tel\u00e9fono<\/th>Ideal para<\/th><\/tr><\/thead>
      Desplazamiento horizontal<\/strong><\/td>El mismo dise\u00f1o de tabla, desplazado hacia los lados<\/td>Tablas comparativas en las que las columnas deben quedar una al lado de otra<\/td><\/tr>
      Tabla responsive<\/a><\/strong><\/td>Filas o columnas apiladas en vertical<\/td>Tablas sencillas, tarjetas de precios, listas<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

      Tambi\u00e9n puedes combinar el desplazamiento horizontal con una primera columna fija<\/a> (Pro), para que los nombres de los productos sigan visibles mientras los visitantes se desplazan.<\/p>\n\n\n

      <\/div><\/div><\/div>\n\n\n

      Preguntas frecuentes<\/h2>\n\n\n
      \n
      \n\t\t\t
      \n\t\t\t

      \u00bfC\u00f3mo evito que una tabla de WordPress se corte en el m\u00f3vil?<\/strong><\/p>\n\t\t\t

      <\/span><\/div>\n\t\t<\/div>\n\t\t\t
      \n\n

      Activa Enable horizontal scrolling en la secci\u00f3n Scroll de la pesta\u00f1a Settings de la tabla. Las tablas anchas se desplazan entonces hacia los lados en lugar de salirse de la p\u00e1gina o apretar sus columnas.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

      \n\t\t\t
      \n\t\t\t

      \u00bfEl desplazamiento horizontal est\u00e1 disponible en la versi\u00f3n gratuita de WP Table Builder?<\/strong><\/p>\n\t\t\t

      <\/span><\/div>\n\t\t<\/div>\n\t\t\t
      \n\n

      S\u00ed. Enable horizontal scrolling es una funci\u00f3n gratuita.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

      \n\t\t\t
      \n\t\t\t

      \u00bfPor qu\u00e9 no aparece la barra de desplazamiento despu\u00e9s de activarlo?<\/strong><\/p>\n\t\t\t

      <\/span><\/div>\n\t\t<\/div>\n\t\t\t
      \n\n

      La tabla cabe dentro de su contenedor, as\u00ed que no hay nada que desplazar. Aumenta Cell Min Auto Width o el ancho de columnas concretas, o prueba en una pantalla m\u00e1s estrecha.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

      \n\t\t\t
      \n\t\t\t

      \u00bfPuedo mantener fija la primera columna al desplazarme?<\/strong><\/p>\n\t\t\t

      <\/span><\/div>\n\t\t<\/div>\n\t\t\t
      \n\n

      S\u00ed, con WP Table Builder Pro. Activa Make Column Sticky en la secci\u00f3n Sticky y pon Sticky Column en 1.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n

      <\/div><\/div><\/div>\n\n\n

      Documentos relacionados<\/h2>\n\n\n\n