Aller au contenu principal

Créez des tables réactives pixel-perfect pour Joomla sur mobile

Le mode réactif est essentiel pour afficher les tableaux HTML sur Joomla, avec parfois peu d'espace sur votre mise en page que vous soyez sur ordinateur de bureau ou sur de petits appareils (mobiles, tablettes). Droptables propose 3 modes réactifs : Défilement, Masquage de colonnes et En-tête répété avec plusieurs réglages réactifs.
Pour plus de fonctionnalités, retourner à 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 de Droptables est le plus personnalisable. Votre tableau est affiché avec une sélection de colonnes ordonnée 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 en utilisant un menu avec case à cocher. 

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

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

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

Tableau réactif avec défilement

Le mode de défilement réactif 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 choisir le nombre de colonnes qui resteront figées pendant le défilement.

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

Tous les modes réactifs répertoriés ici peuvent être utilisés avec le gel des cellules ou des colonnes et des tableaux à largeur et hauteur fixes. Tous les modes réactifs 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
Prix de l'extension Droptables

Rejoignez notre 60,000+ membres & obtenez du support et les nouvelles mises à jour


PRO
EXTENSION + 1 AN DE SUPPORT & MISE À JOUR
$44
1
an
  • MULTI DOMAINE / MULTI SITE
  • MISE À JOUR 1 AN
  • SUPPORT 1 AN
  • Extension Dropfiles
  • Extension Droppics
  • Intégration de DropEditor
  • PAS DE PAIEMENT RÉCURRENT
  • PAS DE DATE LIMITÉE
  • Dernière version Joomla 3, 4 & 5 prête
199$
Au lieu de 462$
OBTENEZ LE 
PACK JOOMLA BUNDLE

Le Bundle donne accès à toutes les extensions Joomla et peut être utilisé sur n'importe quel site web. De plus, vous aurez un accès complet au support technique et aux mises à jour de chaque extension pour toute l'année. 
Le moment est venu ! Boostez votre efficacité et gagnez cet avantage concurrentiel. Essayez Le Bundle.

Témoignages et évaluations des clients


Droptables Droptables - Gestionnaire de tableaux Joomla
90 sur 100 basé sur 16 évaluations d'utilisateurs

Source de l'évaluation : 16 évaluations soumises par les utilisateurs sur : Joomla.org

FAQ : Tables HTML réactives sur mobile avec Droptables

Qu'est-ce qui rend les tableaux Droptables réactifs sur mobile ?

Droptables utilise des mises en page réactives avancées et des techniques CSS pour garantir que vos tables HTML Joomla sont belles et fonctionnent parfaitement sur tout appareil mobile ou tablette sans défilement horizontal.

Puis-je personnaliser la conception du tableau pour les appareils mobiles ?

Oui, vous pouvez personnaliser les couleurs, les polices, les bordures et la mise en page du tableau spécifiquement pour les vues mobiles en utilisant l’éditeur visuel de Droptables’ et les options réactives.

Droptables prend-il en charge le tri et le filtrage sur mobile ?

Absolument, toutes les fonctionnalités interactives comme le tri des colonnes, le filtrage et la recherche restent pleinement fonctionnelles sur les appareils mobiles pour offrir la meilleure expérience utilisateur.

Comment Droptables gère les tables larges sur les petits écrans ?

Droptables propose une troncature intelligente, le masquage de colonnes et un basculement adaptatif entre le défilement horizontal et les vues empilées pour adapter les tables larges aux petits écrans de manière fluide.

Les tables Droptables peuvent être intégrées dans les articles et les modules ?

Oui, vous pouvez facilement intégrer des tables réactives partout dans le contenu Joomla ou les modules via un shortcode ou une intégration de plugin.