Aller au contenu principal

Construire des tableaux responsive parfaits pour les mobiles sur Joomla

Le mode réactif est quelque chose de crucial pour afficher les tableaux HTML sur Joomla, avec parfois un petit espace sur votre mise en page, que vous soyez sur ordinateur ou sur de petits appareils (mobiles, tablettes). Droptables 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 >

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 Droptables est le plus et 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 de l'écran en utilisant 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
Tarifs de l'extension Droptables

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


PRO
EXTENSION + 1 AN DE SUPPORT & MAJ
$44
1
an
  • MULTI DOMAINE / MULTI SITE
  • 1 AN DE MISE À JOUR
  • 1 AN DE SUPPORT
  • Dropfiles extension
  • Droppics extension
  • Intégration DropEditor
  • PAS DE PAIEMENT RÉCURRENT
  • PAS DE DATE LIMITÉE
  • Compatible avec les dernières versions de Joomla 3, 4 & 5
199$
Au lieu de 462$
OBTENEZ LE
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 de clients & Évaluations


Droptables Droptables - Gestionnaire de tables Joomla
90 sur 100 basé sur 16 évaluations des utilisateurs

Source de notation : 16 évaluations soumises par les utilisateurs sur : Joomla.org

FAQ : Tableaux HTML responsive sur mobile avec Droptables

Qu'est-ce qui rend les tableaux Droptables responsive sur mobile ?

Droptables utilise des dispositions réactives avancées et des techniques CSS pour garantir que vos tableaux HTML Joomla soient superbes et fonctionnent parfaitement sur n'importe quel appareil mobile ou tablette sans défilement horizontal.

Puis-je personnaliser la conception de la table pour les appareils mobiles ?

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

Est-ce que Droptables prend 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 entièrement fonctionnelles sur les appareils mobiles pour une expérience utilisateur optimale.

Comment Droptables gère-t-il les tables larges sur de petits écrans ?

Droptables propose une troncature intelligente, le masquage de colonnes et une bascule adaptative entre le défilement horizontal et les vues empilées pour adapter les tableaux larges sur les petits écrans de manière transparente.

Les tables Droptables peuvent-elles être intégrées dans des articles et des modules ?

Oui, vous pouvez facilement intégrer des tableaux responsive n'importe où dans le contenu ou les modules Joomla via un code court ou une intégration de plugin.