Passer au contenu principal

Rendez vos tableaux HTML WordPress responsives sur mobile

Le mode responsive est essentiel pour afficher des tableaux HTML sur WordPress, avec parfois peu d'espace dans votre mise en page, que vous soyez sur ordinateur ou sur de petits appareils (mobiles, tablettes). WP Table Manager dispose de 3 modes responsive : Défilement, Masquage des colonnes et En-tête répété, avec plusieurs paramètres responsive.
Pour plus de fonctionnalités, retournez à la page principale de l'extension >

Tableau responsive utilisant le masquage de colonnes et la priorité d'affichage

Tableau responsive utilisant le masquage de colonnes et la priorité d'affichage

Ce mode responsive WP Table Manager est le plus personnalisable. Votre tableau est affiché avec une sélection de colonnes ordonnées par priorité, les autres étant masquées, en fonction de la largeur disponible. Vous pouvez forcer l'affichage d'une colonne à n'importe quelle taille d'écran à l'aide d'un menu avec des cases à cocher.

Tableau responsive avec mode groupe d'en-tête de données

Ce mode responsive des tableaux affiche, une fois une largeur d'écran particulière atteinte, les données d'une ligne sous les informations d'en-tête. Vous pouvez définir un point de rupture responsive (largeur) et une hauteur maximale de tableau pour chaque tableau, ce qui est très pratique selon l'endroit où votre tableau est placé.

Tableau responsive avec mode groupe d'en-tête de données
Tableau responsive avec défilement

Tableau responsive avec défilement

Le mode responsive avec défilement fixe la largeur et la hauteur du tableau, puis affiche les débordements, à la fois horizontaux et verticaux. Le défilement horizontal dépendra de la largeur de votre contenu et vous pouvez sélectionner le nombre de colonnes à figer pendant le défilement.

Comment choisir le bon mode responsive pour vos tableaux HTML

Tous les modes responsives listés ici peuvent être utilisés avec le gel de cellules ou de colonnes ainsi qu'avec des tableaux à largeur et hauteur fixes. Tous les modes responsives peuvent être pertinents selon les données affichées et les appareils les plus utilisés.

Comment choisir le bon mode responsive pour vos tableaux HTML

WP Table Manager, tableaux responsives en vidéo

WP Table Manager Prix du plugin

Rejoignez nos 60 000+ membres et obtenez le support et les mises à jour des nouvelles versions


199$
Au lieu de 421$
OBTENEZ LE
WORDPRESS BUNDLE

Le Bundle donne accès à TOUS les plugins WordPress et peut être utilisé sur un nombre illimité de sites web. De plus, vous bénéficierez d'un accès complet au support technique et aux mises à jour de chaque plugin pendant toute l'année. 
C'est le moment ! Boostez votre efficacité et obtenez cet avantage concurrentiel. Essayez Le Bundle .

wordpress bundle

Témoignages et notes récents

Utilisateur de l'extension ? Ajoutez votre propre témoignage >>

Note moyenne pour WP Table Manager, JoomUnited est de 4,9 étoile sur 5 étoiles - basée sur 66 avis

FAQ : Tableaux HTML WordPress responsives sur mobile

Quels modes responsive WP Table Manager propose-t-il pour les tableaux mobiles ?

WP Table Manager dispose de trois modes responsives : Défilement, Masquage de colonnes et En-tête répété (Groupe d'en-têtes de données), chacun adaptant l'affichage du tableau différemment selon la taille de l'écran.

Comment fonctionne le mode responsive de masquage des colonnes ?

Dans ce mode, les colonnes sont hiérarchisées et masquées en fonction de la largeur d'écran disponible, avec une option permettant aux utilisateurs d'afficher ou de masquer manuellement les colonnes à l'aide d'un menu de cases à cocher.

Qu'est-ce que le mode responsive avec regroupement d'en-têtes de données ?

Ce mode transforme les lignes du tableau en blocs d'en-tête et de données groupés lorsque la largeur de l'écran est réduite, ce qui permet d'afficher le contenu dans un format empilé plus lisible.

Comment fonctionne le mode responsive avec défilement ?

Le mode défilement définit une largeur et une hauteur de tableau fixes, permettant un défilement horizontal et vertical avec des options pour figer un certain nombre de colonnes lors du défilement horizontal.

Les cellules ou les colonnes d'un tableau peuvent-elles être gelées en mode responsive ?

Oui, tous les modes responsive peuvent utiliser le gel des cellules ou des colonnes pour garder les données clés visibles lors du défilement ou de l'ajustement du tableau sur de petits écrans.

Comment choisir le meilleur mode responsive pour mes tableaux ?

Le choix dépend de votre type de données et de l'utilisation typique de vos appareils. Le défilement convient aux tableaux larges, le masquage des colonnes est adapté aux contenus hiérarchiques, et le mode groupe d'en-têtes de données est idéal pour la lisibilité sur les écrans étroits.