Aller au contenu principal

Rendez vos tableaux HTML WordPress adaptatifs pour les appareils mobiles

Le mode adaptatif est essentiel pour afficher correctement les tableaux HTML sur WordPress, notamment lorsque l'espace disponible sur votre mise en page est réduit, que ce soit sur ordinateur ou sur appareils mobiles (mobiles, tablettes). WP Table Manager propose trois modes adaptatifs : Défilement, Masquage des colonnes et En-tête répété, avec plusieurs options de personnalisation.
Pour en savoir plus, retournez à la page principale du plugin >

Tableau adaptatif utilisant le masquage des colonnes et la priorité d'affichage

Tableau adaptatif utilisant le masquage des colonnes et la priorité d'affichage

Ce mode adaptatif WP Table Manager est le plus complet et le plus personnalisable. Votre tableau s'affiche avec une sélection de colonnes triées par ordre de priorité, les autres étant masquées, en fonction de la largeur disponible. Vous pouvez forcer l'affichage d'une colonne quelle que soit la taille de l'écran grâce à un menu à cases à cocher.

Tableau réactif utilisant le mode de groupe d'en-têtes de données

En mode adaptatif, les tableaux affichent, dès qu'une certaine largeur d'écran est atteinte, une ligne de données sous l'en-tête. Vous pouvez définir une largeur et une hauteur maximale spécifiques pour chaque tableau, ce qui est très pratique selon son emplacement.

Tableau réactif utilisant le mode de groupe d'en-têtes de données
Tableau adaptatif avec défilement

Tableau adaptatif avec défilement

Le mode de défilement adaptatif fixe la largeur et la hauteur du tableau, puis affiche le contenu qui déborde, horizontalement et verticalement. Le défilement horizontal dépend de la largeur de votre contenu et vous pouvez choisir le nombre de colonnes qui resteront figées pendant le défilement.

Comment choisir le mode réactif adapté à vos tableaux HTML

Tous les modes d'affichage adaptatifs mentionnés ici peuvent être utilisés avec le gel des cellules ou des colonnes et des tableaux à largeur et hauteur fixes. Leur pertinence dépend des données affichées et des appareils les plus utilisés.

Comment choisir le mode réactif adapté à vos tableaux HTML

WP Table Manager, tableaux responsifs en vidéo

Tarifs du plugin WP Table Manager

Rejoignez nos 60 000+ membres & obtenez du support et des mises à jour de nouvelles versions


199$
Au lieu de 421$
OBTENEZ LE
FORFAIT 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 aurez un accès complet au support technique et aux mises à jour de chaque plugin pour toute l'année.
Le moment est venu ! Boostez votre efficacité et gagnez cet avantage concurrentiel. Essayez le Bundle.

WordPress bundle

Témoignages et évaluations récents

Utilisateur du plugin ? Ajoutez votre propre témoignage >>

Note moyenne pour WP Table Manager, JoomUnited est 4,9 étoiles sur 5 étoiles - basé sur 66 Avis

FAQ : Tableaux HTML WordPress adaptatifs sur mobile

Quels modes d'affichage adaptatifs propose WP Table Manager pour les tableaux mobiles ?

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

Comment fonctionne le mode adaptatif de masquage des colonnes ?

Dans ce mode, les colonnes sont priorisées et masquées en fonction de la largeur de l'écran disponible, avec la possibilité pour les utilisateurs d'afficher ou de masquer manuellement les colonnes à l'aide d'un menu à cases à cocher.

Qu'est-ce que le mode réactif du groupe 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, permettant ainsi d'afficher le contenu dans un format empilé plus lisible.

Comment fonctionne le mode de défilement réactif ?

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

Est-il possible de figer les cellules ou les colonnes d'un tableau en mode adaptatif ?

Oui, tous les modes adaptatifs peuvent utiliser le gel des cellules ou des colonnes pour maintenir les données clés visibles lors du défilement ou du réglage du tableau sur les petits écrans.

Comment choisir le meilleur mode réactif pour mes tables ?

Le choix dépend du type de données et de l'utilisation habituelle de l'appareil. Le défilement est adapté aux tableaux larges, le masquage des colonnes est idéal pour un contenu hiérarchique et l'affichage des en-têtes de groupe est optimal pour une bonne lisibilité sur les écrans étroits.

An Error Occurred: Whoops, looks like something went wrong.

Sorry, there was a problem we could not recover from.

The server returned a "500 - Whoops, looks like something went wrong."

Help me resolve this