{"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\/fr\/docs\/horizontal-scroll-table\/","title":{"rendered":"Comment faire d\u00e9filer un tableau horizontalement dans WP Table Builder"},"content":{"rendered":"
\n

R\u00e9ponse rapide<\/p>\n\n\n\n

Ouvrez le tableau dans le constructeur, allez dans Settings<\/strong> , ouvrez la section Scroll<\/strong> et activez Enable horizontal scrolling<\/strong>, puis cliquez sur Save<\/strong>. Quand le tableau est plus large que la zone de la page, les visiteurs obtiennent une barre de d\u00e9filement horizontale au lieu de colonnes \u00e9cras\u00e9es. Le d\u00e9filement horizontal est inclus dans la version gratuite de WP Table Builder.<\/p>\n<\/div>\n\n\n\n

Le d\u00e9filement horizontal permet aux visiteurs de balayer ou faire d\u00e9filer lat\u00e9ralement un tableau WP Table Builder large. C\u2019est le moyen le plus simple de garder lisibles sur petit \u00e9cran les tableaux comparatifs et de prix larges sans changer leur mise en page.<\/p>\n\n\n

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

Pr\u00e9requis<\/h2>\n\n\n\n
\u00c9l\u00e9ment<\/th>D\u00e9tails<\/th><\/tr><\/thead>
Offre<\/strong><\/td>Gratuit et Pro<\/td><\/tr>
Version de l\u2019extension<\/strong><\/td>WP Table Builder 2.0 ou plus r\u00e9cent<\/td><\/tr>
Temps n\u00e9cessaire<\/strong><\/td>Moins d\u2019une minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

\u00c9tape 1 : Activer le d\u00e9filement horizontal<\/h2>\n\n\n\n
    \n
  1. Allez dans WP Table Builder > All Tables<\/strong> et cliquez sur Edit<\/strong> sous votre tableau.<\/li>\n\n\n\n
  2. Cliquez sur Settings<\/strong> (onglet) dans le panneau de gauche.<\/li>\n\n\n\n
  3. Saisissez d\u00e9filement<\/code> dans Search settings<\/strong>, ou faites d\u00e9filer jusqu\u2019\u00e0 Scroll<\/strong> .<\/li>\n\n\n\n
  4. Activez Enable horizontal scrolling<\/strong>.<\/li>\n\n\n\n
  5. Cliquez sur Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n
    \"Section<\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    \u00c9tape 2 : D\u00e9finir une largeur minimale de colonne<\/h2>\n\n\n\n

    Le d\u00e9filement n\u2019appara\u00eet que si le tableau est plus large que l\u2019espace qui le contient. Pour contr\u00f4ler quand cela arrive, d\u00e9finissez une largeur minimale pour les colonnes :<\/p>\n\n\n\n

      \n
    1. Dans Settings<\/strong> , ouvrez la section General<\/strong> .<\/li>\n\n\n\n
    2. R\u00e9glez Cell Min Auto Width<\/strong> (120 px par d\u00e9faut). Les colonnes ne deviennent pas plus \u00e9troites que cette largeur, donc un tableau avec beaucoup de colonnes d\u00e9borde et devient d\u00e9filable sur petit \u00e9cran.<\/li>\n\n\n\n
    3. Pour donner une largeur fixe \u00e0 une colonne, s\u00e9lectionnez une cellule de cette colonne et modifiez Column Width<\/strong> dans Row & Column Control<\/strong>.<\/li>\n<\/ol>\n\n\n
      <\/div><\/div><\/div>\n\n\n

      D\u00e9filement horizontal ou empilement responsive ?<\/h2>\n\n\n\n
      Option<\/th>Ce que voient les visiteurs sur un t\u00e9l\u00e9phone<\/th>Id\u00e9al pour<\/th><\/tr><\/thead>
      D\u00e9filement horizontal<\/strong><\/td>La m\u00eame mise en page, d\u00e9fil\u00e9e lat\u00e9ralement<\/td>Tableaux comparatifs dont les colonnes doivent rester c\u00f4te \u00e0 c\u00f4te<\/td><\/tr>
      Tableau responsive<\/a><\/strong><\/td>Lignes ou colonnes empil\u00e9es verticalement<\/td>Tableaux simples, cartes de prix, listes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

      Vous pouvez aussi combiner le d\u00e9filement horizontal avec une premi\u00e8re colonne fixe<\/a> (Pro), pour que les noms de produits restent visibles pendant le d\u00e9filement lat\u00e9ral.<\/p>\n\n\n

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

      Questions fr\u00e9quentes<\/h2>\n\n\n
      \n
      \n\t\t\t
      \n\t\t\t

      Comment \u00e9viter qu\u2019un tableau WordPress soit coup\u00e9 sur mobile ?<\/strong><\/p>\n\t\t\t

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

      Activez Enable horizontal scrolling dans la section Scroll de l\u2019onglet Settings du tableau. Les tableaux larges d\u00e9filent alors lat\u00e9ralement au lieu de d\u00e9border de la page ou d\u2019\u00e9craser leurs colonnes.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

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

      Le d\u00e9filement horizontal est-il disponible dans la version gratuite de WP Table Builder ?<\/strong><\/p>\n\t\t\t

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

      Oui. Enable horizontal scrolling est une fonctionnalit\u00e9 gratuite.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

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

      Pourquoi n\u2019y a-t-il pas de barre de d\u00e9filement apr\u00e8s l\u2019activation ?<\/strong><\/p>\n\t\t\t

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

      Le tableau tient dans son conteneur, il n\u2019y a donc rien \u00e0 faire d\u00e9filer. Augmentez Cell Min Auto Width ou la largeur de certaines colonnes, ou testez sur un \u00e9cran plus \u00e9troit.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

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

      Puis-je garder la premi\u00e8re colonne fixe pendant le d\u00e9filement ?<\/strong><\/p>\n\t\t\t

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

      Oui, avec WP Table Builder Pro. Activez Make Column Sticky dans la section Sticky et r\u00e9glez Sticky Column sur 1.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n

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

      Documents associ\u00e9s<\/h2>\n\n\n\n