Passer au contenu principal

Rendez vos tableaux HTML WordPress responsive sur mobile

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

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

Tableau réactif utilisant le masquage des 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 triée par priorité, les autres étant masquées, suivant la largeur disponible. Vous pouvez forcer l'affichage d'une colonne à n'importe quelle taille de l'écran à l'aide d'un menu avec une case à cocher.

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

Ce mode réactif des tableaux 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 d'arrêt réactif (largeur) et une hauteur maximale de table particuliers pour chaque table, ce qui est très pratique selon l'endroit où votre table est placée.

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

Tableau réactif utilisant le défilement

Le mode réactif au défilement fixe la largeur et la hauteur de la table, 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 qui seront figées lors du défilement.

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

Tous les modes responsive répertoriés ici peuvent être utilisés avec le gel des cellules ou des colonnes et les tableaux à largeur et 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, tableaux responsive en vidéo

Prix ​​du plugin WP Table Manager

Rejoignez nos 60 000 membres et bénéficiez d'une assistance et de nouvelles mises à jour de version


199$
Au lieu de 421$
OBTENEZ LE
BUNDLE WORDPRESS

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 à la mise à jour de chaque plugin pendant toute l'année. C'est maintenant! Augmentez votre efficacité et gagnez cet avantage concurrentiel. Essayez The Bundle .

 bundle wordpress

Témoignages et notes récents

Utilisateur du plug-in ? Ajoutez votre propre témoignage >>

La note moyenne pour WP Table Manager , JoomUnited est de 4,9 étoiles sur 5 étoiles sur la base de 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 dispose de 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 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 à cases à cocher.

Quel est 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 petite, ce qui permet d'afficher le contenu dans un format empilé plus lisible.

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

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

Les cellules ou les colonnes d’un tableau peuvent-elles être gelées en mode réactif ?

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

Comment choisir le meilleur mode responsive pour mes tables ?

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