Réponse rapide
Ouvrez le tableau dans le constructeur, allez dans Settings , ouvrez la section Scroll et activez Enable horizontal scrolling, puis cliquez sur Save. Quand le tableau est plus large que la zone de la page, les visiteurs obtiennent une barre de défilement horizontale au lieu de colonnes écrasées. Le défilement horizontal est inclus dans la version gratuite de WP Table Builder.
Le défilement horizontal permet aux visiteurs de balayer ou faire défiler latéralement un tableau WP Table Builder large. C’est le moyen le plus simple de garder lisibles sur petit écran les tableaux comparatifs et de prix larges sans changer leur mise en page.
Prérequis #
| Élément | Détails |
|---|---|
| Offre | Gratuit et Pro |
| Version de l’extension | WP Table Builder 2.0 ou plus récent |
| Temps nécessaire | Moins d’une minute |
Étape 1 : Activer le défilement horizontal #
- Allez dans WP Table Builder > All Tables et cliquez sur Edit sous votre tableau.
- Cliquez sur Settings (onglet) dans le panneau de gauche.
- Saisissez
défilementdans Search settings, ou faites défiler jusqu’à Scroll . - Activez Enable horizontal scrolling.
- Cliquez sur Save.
Étape 2 : Définir une largeur minimale de colonne #
Le défilement n’apparaît que si le tableau est plus large que l’espace qui le contient. Pour contrôler quand cela arrive, définissez une largeur minimale pour les colonnes :
- Dans Settings , ouvrez la section General .
- Réglez Cell Min Auto Width (120 px par défaut). Les colonnes ne deviennent pas plus étroites que cette largeur, donc un tableau avec beaucoup de colonnes déborde et devient défilable sur petit écran.
- Pour donner une largeur fixe à une colonne, sélectionnez une cellule de cette colonne et modifiez Column Width dans Row & Column Control.
Défilement horizontal ou empilement responsive ? #
| Option | Ce que voient les visiteurs sur un téléphone | Idéal pour |
|---|---|---|
| Défilement horizontal | La même mise en page, défilée latéralement | Tableaux comparatifs dont les colonnes doivent rester côte à côte |
| Tableau responsive | Lignes ou colonnes empilées verticalement | Tableaux simples, cartes de prix, listes |
Vous pouvez aussi combiner le défilement horizontal avec une première colonne fixe (Pro), pour que les noms de produits restent visibles pendant le défilement latéral.
Questions fréquentes #
Comment éviter qu’un tableau WordPress soit coupé sur mobile ?
Activez Enable horizontal scrolling dans la section Scroll de l’onglet Settings du tableau. Les tableaux larges défilent alors latéralement au lieu de déborder de la page ou d’écraser leurs colonnes.
Le défilement horizontal est-il disponible dans la version gratuite de WP Table Builder ?
Oui. Enable horizontal scrolling est une fonctionnalité gratuite.
Pourquoi n’y a-t-il pas de barre de défilement après l’activation ?
Le tableau tient dans son conteneur, il n’y a donc rien à faire défiler. Augmentez Cell Min Auto Width ou la largeur de certaines colonnes, ou testez sur un écran plus étroit.
Puis-je garder la première colonne fixe pendant le défilement ?
Oui, avec WP Table Builder Pro. Activez Make Column Sticky dans la section Sticky et réglez Sticky Column sur 1.
