Aller au contenu principal

Construire des tableaux responsive pixel-perfect sur Joomla pour mobile

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 un ordinateur de bureau ou sur de petits appareils (mobiles, tablettes).Droptables dispose de 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 >

Responsive table using column hiding and display priority

Responsive table using column hiding and display priority

Cette extension utilise des techniques avancées pour rendre les tableaux HTML responsifs et fonctionnels sur les appareils mobiles. 

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
Tarifs de l'extension Droptables

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


PRO
EXTENSION + 1 AN DE SUPPORT & MAJ
$44
1
an
  • MULTI-DOMAINE / MULTI-SITE
  • 1 AN DE MISES À JOUR
  • SUPPORT DE 1 AN
  • Dropfiles extension
  • Droppics extension
  • Intégration de DropEditor
  • PAS DE PAIEMENT RECCURRENT
  • SANS LIMITE DE DATE
  • Dernière version de Joomla 3, 4 & 5 prête
199$
Instead of 462$
OBTENEZ
JOOMLA BUNDLE

L'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 The Bundle.

Témoignages et évaluations de clients


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

Source de l'évaluation : 16 avis soumis par les utilisateurs sur : Joomla.org

FAQ : Tableaux HTML responsive sur mobile avec Droptables

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

Droptables utilise des mises en page réactives avancées et des techniques CSS pour garantir que vos tableaux soient bien présentés sur les appareils mobiles.

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 des tableaux spécifiquement pour les vues mobiles en utilisant l'éditeur visuel de Droptableset les options réactives.

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 tableaux larges sur les petits écrans ?

Droptables propose une troncature intelligente, un 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 tableaux Droptables peuvent-ils être intégrés dans des articles et des modules ?

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