Le meilleur plugin pour gérer les tableaux avec DIVI Builder

Tous les sites web modernes sont conçus pour fonctionner correctement sur des écrans de différentes tailles. Autrefois, les tableaux étaient créés en HTML simple. Avec l'avènement du webdesign flexible, les tableaux HTML basiques peinent à répondre aux exigences des sites modernes. N'étant pas responsifs, leur contenu est extrêmement difficile à lire sur les écrans mobiles. C'est pourquoi on utilise désormais des tableaux responsifs, qui adaptent leur mise en page à la taille de l'écran. Pour cela, il est nécessaire d'utiliser conjointement les requêtes média HTML et CSS.

• Solution 1 : Les tableaux peuvent être créés à l’aide du Divi Builder.
• Solution 2 : Utilisez des pluginde tableau qui incluent cette fonctionnalité par défaut !
• WP Table Manager
• Interface pour le WP Table Manager
• Conclusion

Il est possible de créer des tableaux à la mise en page lisible sur tous les écrans pour un ensemble d'informations unique, ni trop volumineux ni trop diversifié, et ce, grâce à des techniques HTML et CSS de base. Cependant, si le tableau doit contenir une quantité importante de données, il devient difficile de concevoir une mise en page lisible sur les appareils mobiles ou les écrans d'une largeur inférieure à 786 pixels.

Si le concepteur web qui utilise HTML et CSS pour créer un tableau adaptatif sur tous les écrans ne tient pas compte de la quantité de données, il risque de rencontrer des problèmes qui nuiront considérablement à la lisibilité du contenu du site. Voici quelques suggestions que vous, concepteur de sites web Divi, pourriez mettre en pratique lorsque vous créez manuellement des tableaux adaptatifs.

Pour réduire la taille du tableau afin de l'adapter à un écran plus petit, vous devrez créer plusieurs classes CSS, chaque classe ciblant une résolution d'écran particulière.

Une autre solution consiste à masquer certaines colonnes du tableau lorsque la taille de l'écran est réduite.

Pour les écrans plus petits, vous pouvez inclure des barres de défilement horizontales ou verticales dans les en-têtes et les pieds de page du tableau.

Créez un tableau unique qui puisse être redimensionné pour s'adapter à toutes les tailles d'écran, et effectuez un zoom sur le tableau pour rendre le contenu plus lisible.

Ces solutions exigent un effort considérable, et les exigences peuvent varier en fonction du contenu et de la taille de l'écran.

Solution 1 : Les tableaux peuvent être créés à l’aide du Divi Builder.

Elegant Themes a créé un tutoriel expliquant comment concevoir des tableaux responsifs à l'aide des fonctionnalités intégrées de Divi. Consultez-le ici. Ils ont ajouté le défilement horizontal aux colonnes qui débordent du conteneur du tableau, ce qui permet à ce dernier de mieux réagir aux interactions de l'utilisateur. Pour en savoir plus, rendez-vous sur la page du tutoriel :

Solution 2 : Utilisez des pluginde tableau qui incluent cette fonctionnalité par défaut !

Créer un tableau adaptatif pour votre site Divi n'est plus un problème grâce à la multitude de plugin gratuits disponibles. Cependant, trouver pluginde tableau intégrant l'adaptabilité mobile peut s'avérer complexe. pluginpopulaires comme wpDataTables ne proposent pas cette fonctionnalité dans leur version gratuite.

Dans cet article, nous considérons l'un des meilleurs plugin: WP Tab Builder.

WP Table Manager

WP Table Manager est la seule plugin WordPress offrant une interface de tableur complète pour la gestion de vos tableaux. Créez un tableau, choisissez un thème et commencez à le modifier dès sa création. Profitez d'un ensemble complet de fonctionnalités puissantes : édition HTML des cellules, copie de tableaux, calculs et synchronisation avec Excel, Google Sheets et Office 365. Modifier un tableau devient un jeu d'enfant : un simple clic suffit, avec ou sans l'aide d'un éditeur de texte visuel.

WP Table Manager vous permet de concevoir des tableaux attrayants et responsifs grâce à une interface visuelle simple. Son utilisation est gratuite. Une fois activé, vous serez redirigé vers le guide d'installation. Suivez les instructions et effectuez les ajustements nécessaires selon vos préférences. En un clin d'œil, vous aurez créé un magnifique tableau qui s'affiche parfaitement sur tous les appareils, quelle que soit leur taille. Il vous suffit ensuite de copier le shortcode et de le coller à l'endroit souhaité sur la page. L'outil propose actuellement sept éléments (Texte, Image, Liste, Bouton, Évaluation par étoiles, HTML personnalisé et Shortcode) que vous pouvez glisser-déposer dans les emplacements prévus à cet effet. Vous pouvez ainsi créer différents types de tableaux, tels que des tableaux comparatifs de produits, des tableaux de prix, des listes, etc. Lors de nos tests, nous avons constaté que ce plugin de tableaux était le plus intuitif pour les débutants. Veuillez noter que la version actuelle ne dispose pas de champ de recherche ni d'autres fonctionnalités de filtrage. De plus, si vous prévoyez de saisir ou de gérer de grands ensembles de données, ce plugin n'est peut-être pas la solution idéale. Pour ce type d'utilisation, Visualizer ou Tablepress sont tous deux d'excellents choix.

Interface pour le WP Table Manager

Vous pouvez inclure le shortcode dans un module de code ou un module de texte dans Divi.

Le thème DIVI inclut le WP Table Manager.

plugin WP Table Manager répond aux besoins de gestion des détails liés à la gestion des tableaux ;

• Une fois l'option de filtre activée dans votre tableau, vous pouvez rechercher des données dans chaque colonne et filtrer l'ensemble du tableau. Cette fonctionnalité est également compatible avec les tableaux volumineux, y compris la pagination

• Les flèches haut et bas présentes dans chaque colonne permettent de réorganiser les données de votre tableau. Cette fonctionnalité est également disponible pour les tableaux volumineux, avec pagination.

• Une fois votre tableau créé avec toutes les données nécessaires, vous pouvez permettre aux utilisateurs de le trier, mais vous pouvez également définir un ordre par défaut. Cela peut s'avérer très utile lorsque les informations évoluent, par exemple pour trier les coureurs après la course selon leur ordre d'arrivée.

• La pagination est nécessaire pour afficher un tableau volumineux sur l'interface publique de votre site web tout en préservant les ressources de votre serveur. Choisissez un nombre prédéfini de lignes par page.

Il existe également une méthode ouverte pour gérer les documents Excel grâce à l'importateur de fichiers Excel WP Table Manager . Cependant, vous ne pouvez importer et transformer les données Excel que sous forme de tableau HTML modifiable ou importer le fichier Excel en conservant sa mise en forme (couleurs, arrière-plans, taille des colonnes, liens, etc.).

Gérez votre tableau Excel et publiez-le sur votre site WordPress ! Vous pouvez importer un fichier Excel dans le tableau via la gestion des médias WordPress ou un client FTP. Sélectionnez ensuite votre fichier Excel et lancez la synchronisation dans les paramètres du tableau.

La synchronisation entre votre table WordPress et le fichier Excel peut être effectuée régulièrement, à une fréquence comprise entre une minute et une journée. Le délai de synchronisation automatique peut également être défini afin d'éviter les mises à jour indésirables des tables publiques WordPress ou d'économiser les ressources serveur pour les tables volumineuses.

Après l'importation d'un tableau, toutes les données peuvent être mises à jour ; il s'agit simplement d'un tableau HTML ordinaire, modifiable comme un plugin! Feuille de calcul WordPress.

En revanche, après avoir créé un tableau clair contenant toutes les données souhaitées, vous pouvez l'exporter au format Excel et, paramp, réutiliser ultérieurement la feuille de calcul mise à jour. Vos utilisateurs peuvent désormais exporter le tableau au format Excel directement depuis l'interface WordPress.

WP Table Manager se synchronise également avec Office 365 via OneDrive.

L'outil d'importation et d'exportation de fichiers Excel OneDrive est disponible ; gagnez du temps en important et en modifiant vos fichiers où que vous soyez. Optimisez votre productivité grâce à la synchronisation des fichiers OneDrive ! Sélectionnez un fichier Excel Office 365 à synchroniser, il s'ajustera automatiquement et sera disponible sur votre site web.

WP Table Manager vous aide à créer et importer des tableaux depuis votre base de données. Il intègre désormais un outil permettant de générer des tableaux à partir d'une sélection de contenu de la base de données de votre site web, une fonctionnalité auparavant indisponible. Vous pouvez sélectionner les tableaux et les colonnes de la base de données, appliquer des filtres configurables et gérer vos tableaux via l'interface WP Table manager . Lorsque la base de données est mise à jour, votre tableau est automatiquement incrémenté ! De plus, vous disposez d'options de tri, de filtrage, de mise en page automatique et de pagination.

Si vous n'êtes pas développeur, vous pouvez intégrer visuellement n'importe quel élément de votre base de données à votre tableau HTML. Toutes les tables de votre base de données sont affichées lors de la génération d'un nouveau tableau à partir de son contenu.

La base de données de votre site web peut effectuer une recherche simple et sélectionner vos tables et colonnes ; cela s'avère très utile pour les bases de données volumineuses. De plus, un assistant vous guide pas à pas dans l'importation des tables depuis la base de données.

Dans la dernière étape, avant de prévisualiser le tableau à partir de la base de données, vous pouvez rédiger votre requête personnalisée sur les tables spécifiées. Nous prenons en charge certaines fonctions, telles que SELECT, REPLACE, RENAME, SHOW, EXPLAIN et DESCRIBE.

Une table de base de données peut contenir de nombreuses lignes ; cette option permet d'afficher une table adaptée à votre écran. Vous pouvez également définir un nombre prédéfini de lignes par page et choisir une colonne de tri par défaut.

La connexion aux tables de la base de données WordPress ne se limite pas aux seules tables WordPress. Toutes les tables non WordPress installées sur la même base de données peuvent être connectées.

Parmi les nombreuses données de votre table, vous pouvez créer des règles personnalisées pour vous concentrer sur un objet spécifique. Si vous maîtrisez les bases de données, vous pouvez utiliser les opérateurs comme >, <, LIKE, IN…

Les tables de la base de données que vous avez créée peuvent être modifiées comme n'importe quelles autres tables (si l'utilisateur a accès à cette fonctionnalité pertinente) ; c'est très pratique pour modifier par lots certaines données de la base de données, comme parampplusieurs dates de publication, ce qui aurait pris du temps si cela avait été fait une par une.

Conclusion

Les tableaux sont un moyen très efficace de présenter des informations. Cependant, pour les personnes moins à l'aise avec la technique, créer des tableaux sur une page web peut s'avérer complexe. Grâce à ces plugin, vous pouvez facilement créer des tableaux lisibles sur tous les appareils en quelques étapes simples. De plus, les tableaux responsifs offrent une expérience utilisateur optimale aux visiteurs de votre site. Alors, n'hésitez pas à les essayer et à partager votre expérience dans les commentaires ci-dessous.