Aller au contenu principal

Rendez vos tables HTML WordPress réactives sur mobile

Le mode réactif est crucial pour afficher les tables 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 propose 3 modes réactifs : Défilement, Masquage des 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 >

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

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

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 à l'aide d'un menu avec case à cocher.

Table réactive utilisant le mode de groupe d'en-tête de données

Le mode réactif de cette table affiche, une fois qu'une largeur d'écran particulière est atteinte, les données d'une ligne en dessous des informations d'en-tête. Vous pouvez définir un point de rupture réactif particulier (largeur) et une hauteur maximale de table pour chaque table, ce qui est très pratique selon l'emplacement de votre table.

Table réactive utilisant le mode de groupe d'en-tête de données
Table réactive utilisant le défilement

Table réactive utilisant le défilement

Le mode réactif 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.

Comment choisir le bon mode réactif pour vos tableaux HTML

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

Comment choisir le bon mode réactif pour vos tableaux HTML

WP Table Manager, tables réactives 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 : Tables HTML WordPress réactives sur mobile

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

WP Table Manager propose trois modes responsive : Défilement, Masquage des colonnes et En-tête répété (Groupe d'en-têtes de données), chacun adaptant l'affichage du tableau 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 à cases à cocher.

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

Ce mode transforme les lignes de tableau 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 réactif de défilement ?

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

Les cellules ou colonnes de tableau 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 tableaux ?

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