Passer au contenu principal

Créez des tableaux responsive au pixel près Joomla sur mobile

Le mode responsive est quelque chose de crucial pour afficher des tableaux HTML sur Joomla, avec parfois peu d'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 des colonnes 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 responsive Droptables est le plus et le plus personnalisable. Votre tableau s'affiche avec une sélection de colonnes classées par ordre de priorité, les autres étant masquées, suivant la largeur disponible. Vous pouvez forcer un affichage en colonne à n'importe quelle taille d'écran à l'aide d'un menu avec 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
Prix ​​des extensions Droptables

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


PRO
EXTENSION + 1 AN DE SUPPORT ET MISE À JOUR
$44
1
année
  • MULTI DOMAINE / MULTI SITE
  • MISE À JOUR D'UN AN
  • ASSISTANCE 1 AN
  • Extension Dropfiles
  • Extension Droppics
  • Intégration DropEditor
  • AUCUN PAIEMENT RÉCURRENT
  • AUCUNE DATE LIMITÉE
  • Prêt pour Joomla 3, 4 et 5
199$
Au lieu de 462$
OBTENEZ LE
BUNDLE JOOMLA

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 sur chaque extension pendant toute l'année. C'est maintenant! Augmentez votre efficacité et obtenez cet avantage concurrentiel. Essayez le Bundle .

Témoignages et évaluations des clients


Droptables Droptables - Gestionnaire de tables Joomla
90sur la100 base16 des évaluations des utilisateurs

Source de notation : 16 avis soumis 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 mises en page réactives avancées et des techniques CSS pour garantir que vos tableaux HTML Joomla ont une belle apparence et fonctionnent parfaitement sur n'importe quel 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 des tableaux spécifiquement pour les vues mobiles à l'aide de l'éditeur visuel et des options réactives Droptables.

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

Absolument, toutes les fonctionnalités interactives telles que 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, le masquage des colonnes et une bascule adaptative entre le défilement horizontal et les vues empilées pour adapter de manière transparente les tableaux larges sur les petits écrans.

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 shortcode ou une intégration de plugin.