Aller au contenu principal

Rendez vos tableaux HTML WordPress responsives sur mobile

Le mode réactif est quelque chose de crucial pour afficher les tableaux HTML sur WordPress, avec parfois un petit espace sur votre mise en page, que vous soyez sur ordinateur ou sur de petits appareils (mobiles, tablettes). WP Table Manager dispose de 3 modes réactifs : défilement, masquage de colonnes et en-tête répété avec plusieurs paramètres réactifs.
Pour plus de fonctionnalités, retournez à la page principale du plugin >

Responsive table using column hiding and display priority

Responsive table using column hiding and display priority

Ce mode réactif WP Table Manager est le plus et 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 de l'écran en utilisant un menu avec une case à cocher.

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

Ce mode de tableau responsive affiche, une fois qu'une largeur d'écran particulière est atteinte, une ligne de données 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'emplacement de votre tableau.

Tableau responsive utilisant le mode de groupe d'en-tête de données
Utilisation d'une table réactive avec défilement

Utilisation d'une table réactive avec défilement

Le mode responsive de 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 lors du défilement.

How to choose the right responsive mode for your HTML tables

Tous les modes responsifs listés ici peuvent être utilisés avec une cellule ou une colonne gelée et des tableaux à largeur et hauteur fixes. Tous les modes responsifs peuvent être pertinents en fonction des données affichées et des appareils les plus utilisés.

How to choose the right responsive mode for your HTML tables

WP Table Manager, tableaux responsive en vidéo

Tarifs des plugins WP Table Manager

Rejoignez nos 60 000+ membres et obtenez du support et des mises à jour de version


199$
Instead of 421$
OBTENEZ LE
BUNDLE

Le Bundle donne accès à tous les plugins WordPress et peut être utilisé sur des sites Web illimités. 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 récents & évaluations

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

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

FAQ : Tableaux HTML WordPress Responsive sur Mobile

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

WP Table Manager a trois modes responsive : Défilement, Masquage de colonnes et En-tête répété (Groupe d'en-tête de données), chacun adaptant l'affichage de la table différemment en fonction de la taille de l'écran.

Comment fonctionne le mode réactif de masquage de colonnes ?

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

Qu'est-ce que le mode réactif de groupe d'en-tête de données ?

Ce mode transforme les lignes de la table en blocs d'en-tête et de données groupés lorsque la largeur de l'écran est petite, permettant au contenu d'être affiché dans un format empilé plus lisible.

Comment fonctionne le mode responsive de défilement ?

Le mode de défilement définit la largeur et la hauteur de la table de manière fixe, permettant le défilement horizontal et vertical avec des options pour geler un certain nombre de colonnes lors du défilement horizontal.

Les cellules ou les colonnes de la table peuvent-elles être gelées en mode réactif ?

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

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

Le choix dépend de votre type de données et de l'utilisation typique de l'appareil. Le défilement convient aux tables larges, le masquage de colonnes est bon pour le contenu hiérarchique, et le mode de groupe d'en-tête de données est idéal pour la lisibilité sur des écrans étroits.