7 meilleurs plugins de table WordPress Gutenberg (comparés)

Qu'entend-on réellement lorsque l'on parle de "tableaux" sur un site web ? Pour certains, il s'agit d'une grille de prix. Pour d'autres, il s'agit d'une liste de spécifications de produits, d'un calendrier d'événements ou même d'une répartition des avantages et des inconvénients. Quel que soit le format, l'objectif principal d'un tableau n'a pas changé : il aide les lecteurs à comparer, à parcourir et à comprendre les informations plus rapidement que les mots seuls ne pourraient jamais le faire.

À l'époque où le web était essentiellement statique, les tableaux servaient autant à organiser les mises en page que les données. Aujourd'hui, les tableaux remplissent des dizaines de fonctions. Les utilisateurs attendent de l'interactivité, de la clarté visuelle, de l'intégration, de la réactivité mobile, etc. Ils ne veulent rien coder à la main et ne veulent surtout pas faire de compromis sur l'apparence.

La montée en puissance de Gutenberg a complètement remodelé la façon dont nous gérons cela. L'éditeur de blocs de WordPress a transformé chaque élément de contenu en une unité modulaire, y compris les tableaux. Bien que le bloc Table par défaut vous donne un point de départ, il laisse de côté la plupart de ce que les utilisateurs veulent réellement. Dans cet article, nous avons rassemblé les meilleurs plugins de tableau Gutenberg qui correspondent à vos préférences. Plongeons dans le vif du sujet.

Tableberg

Tableberg intervient avec un système de mise en page qui semble faire partie intégrante de l'éditeur Gutenberg. Il reste dans l'éditeur du début à la fin, vous donnant un contrôle visuel total sur la façon dont les tableaux sont construits et stylisés. L'interface est conçue pour que les tableaux ressemblent davantage à du design et moins à du code.

Le plugin vous offre un ensemble de sous-blocs avec lesquels vous pouvez travailler à l'intérieur de chaque cellule de tableau, notamment du texte, des boutons, des listes, des icônes, des images, des classements par étoiles, des rubans, etc. Vous pouvez contrôler les en-têtes et les pieds de page, dupliquer ou diviser les cellules, les fusionner si nécessaire et déplacer les lignes ou les colonnes en quelques clics. Il est possible d'ajuster les couleurs pour différentes sections du tableau, y compris les en-têtes, les pieds de page, des cellules spécifiques et les rangées paires ou impaires. Vous pouvez toujours ajuster le remplissage des cellules et les dimensions du tableau pour que tout reste lisible et propre.

Les en-têtes collants sont pris en charge, de même que les outils permettant de trier les tableaux et d'y effectuer des recherches. Vous pouvez appliquer des paramètres réactifs en fonction du type d'appareil et même utiliser des bascules de contenu pour les mises en page telles que les plans de tarification. Cela fait de Tableberg un choix solide pour les tableaux de comparaison de produits, les calendriers d'événements, les listes d'avantages et d'inconvénients, les menus de restaurants ou toute mise en page qui dépend d'informations visuelles structurées.

Caractéristiques principales

Les sous-blocs comprennent des paragraphes, des images, des listes, des icônes, des boutons, etc.
Les lignes d'en-tête et de pied de page peuvent être insérées, supprimées ou désignées.
Les lignes et les colonnes peuvent être fusionnées, divisées, dupliquées et déplacées.
Le style propre à chaque section permet de contrôler la couleur et l'espacement.
Les en-têtes collants restent visibles pendant le défilement.
Fonctions de recherche et de tri.
Option de basculement pour changer de présentation au sein d'un même tableau.
Paramètres d'affichage réactifs.
Chaque bloc à l'intérieur d'une cellule prend en charge ses propres paramètres visuels.

Tableberg Demo Table

FAQà propos de Tableberg

---

Bloc de table flexible

Flexible Table Block est un plugin Gutenberg conçu pour les utilisateurs qui souhaitent créer des tableaux à partir d'un contenu textuel. Le plugin se concentre entièrement sur la mise en page et le style sans introduire de blocs de contenu supplémentaires comme des boutons, des icônes ou des classements.

Le plugin permet de fusionner et de diviser les cellules dans n'importe quelle direction. Vous pouvez ajuster la largeur du tableau, la largeur minimale ou maximale et contrôler l'alignement, le remplissage, les couleurs et les styles de police pour les cellules individuelles. Vous pouvez ajouter ou supprimer des lignes et des colonnes d'un simple clic et appliquer des styles de bordure tels que des lignes pleines ou pointillées. Il est également possible de désigner manuellement les cellules d'en-tête, qu'elles soient placées en lignes ou en colonnes. Bien qu'il n'y ait pas de fonctionnalité avec le plugin pour ajouter des images dans n'importe quelle cellule, votre seule option pour l'inclusion d'images est d'utiliser la fonctionnalité native de formatage d'image en ligne de Gutenberg. 

La prise en charge de la réactivité est également totale, avec défilement horizontal ou empilement vertical sur les appareils mobiles. Vous pouvez définir le point de rupture qui détermine quand la mise en page passe de l'affichage sur ordinateur à l'affichage sur mobile. Dans l'ensemble, il s'agit d'un plugin idéal pour les plannings, les listes à forte teneur en texte, les formats de comparaison ou tout autre contenu ne nécessitant pas de médias riches ou de données dynamiques. 

Caractéristiques principales

• Fonctions de fusion et de division pour les cellules horizontales et verticales.
• Les cellules individuelles sont stylisées par la couleur, la largeur, l'alignement et l'espacement.
• Les styles de bordures sont les suivants : solide, en pointillés, en tirets et double. 
• Contrôle de la largeur de la table, de la largeur minimale et de la largeur maximale.
• Maintenir la ligne supérieure ou la colonne de gauche fixe pendant le défilement.
• Les paramètres réactifs prennent en charge l'affichage par défilement ou par pile verticale.
• Définir des points d'arrêt personnalisés pour un comportement réactif.
• Les légendes peuvent être positionnées et stylisées indépendamment.

Démonstration du bloc de table flexible Tableau

FAQ sur le bloc de table flexible

---

WP Table Builder

WP Table Builder n'est pas un plugin dédié aux blocs, mais il s'intègre en douceur à Gutenberg grâce à un bloc personnalisé et à un shortcode. Le processus de création de tableau se produit dans une interface drag-and-drop séparée où vous pouvez concevoir des mises en page en utilisant une grille visuelle au lieu d'un code manuel.

Le plugin comprend des éléments tels que du texte, des images, des boutons, des classements par étoiles, des shortcodes et du HTML personnalisé. Chaque élément peut être stylé individuellement grâce à des options d'alignement, d'arrière-plan, de remplissage et d'espacement. Vous pouvez fusionner ou diviser des cellules, dupliquer des lignes ou des colonnes entières et laisser des cellules vides sans perturber la mise en page. Vous pouvez importer ou exporter vos tableaux aux formats CSV ou XML, et la migration vers TablePress est entièrement prise en charge. Une fois le tableau enregistré, vous pouvez le placer dans des articles ou des pages à l'aide d'un shortcode ou du bloc fourni.

Il existe des fonctionnalités avancées telles que le tri frontal, la fonction de recherche, la pagination, les lignes ou colonnes collantes et le chargement paresseux intégré pour de meilleures performances. Vous pouvez utiliser des modèles prédéfinis ou enregistrer les vôtres pour une utilisation ultérieure. Vous disposerez également de fonctionnalités telles que des rubans, des listes stylisées, des infobulles et des cercles d'évaluation pour améliorer la présentation de vos tableaux. 

Caractéristiques principales

• Interface "glisser-déposer".
• Les éléments comprennent le texte, l'image, la liste, le bouton, l'évaluation, le shortcode et le HTML.
• Soutien à l'importation et à l'exportation.
• Les fonctionnalités du frontend comprennent le tri, la recherche, la pagination et les lignes collantes. 
• Dupliquer, fusionner ou diviser des cellules et des lignes ou colonnes entières.
• Options de bordure, d'espacement et d'arrière-plan personnalisées pour chaque tableau.
• Migration complète de TablePress.
• Chargement paresseux des images des tableaux pour améliorer les performances.
• Boîtes à outils, rubans, listes stylisées et évaluations.

WP Table Builder Demo Table

FAQ sur WP Table Builder

---

Tables Ninja

Ninja Tables est un plugin de tableau axé sur les données conçu pour les utilisateurs qui ont besoin de fonctionnalités avancées sans construire à l'intérieur de l'éditeur de blocs. Il fonctionne via un tableau de bord séparé et vous permet d'intégrer des tableaux dans Gutenberg à l'aide d'un shortcode ou d'un bloc. 

Le plugin comprend deux modes de construction de tableaux. Le mode avancé vous donne un contrôle total sur la structure et le formatage, tandis que le mode simple fournit un constructeur par glisser-déposer avec des éléments cellulaires tels que du texte, des boutons, des listes, des classements, des shortcodes et du HTML. Chaque mode supporte l'importation à partir de CSV ou JSON, et vous pouvez également créer des tableaux à partir de posts WP, d'entrées Fluent Forms, ou de données Google Sheets. Pour styliser vos tableaux, vous pouvez utiliser des modèles intégrés ou des palettes de couleurs personnalisées, et configurer chaque colonne avec son propre type de données et son propre formatage.

Le plugin inclut l'édition frontale, le formatage conditionnel, les points de rupture réactifs, les transformations de valeur et la prise en charge des graphiques. Vous pouvez migrer des tableaux depuis TablePress ou Supsystic en un seul clic. Cette combinaison de fonctionnalités fait de Ninja Tables un choix solide dans les cas où il est nécessaire d'avoir plus de contrôle que ce que les solutions natives de blocs offrent généralement.

Caractéristiques principales

• Deux modes de création de tableaux.
• Prise en charge des blocs Gutenberg et des shortcodes pour une intégration facile
• Inclut le texte, l'évaluation, le bouton, l'icône, l'image, le shortcode et le HTML.
• Les tableaux peuvent être construits à partir de Google Sheets, de posts WP, de WooCommerce ou de Fluent Forms.
• Formatage conditionnel et types de données en colonnes pour un affichage dynamique.
• Pagination, recherche, tri et édition frontale intégrés.
• Modèles prédéfinis et options de couleurs personnalisées pour une cohérence visuelle.
• Intégration des graphiques.
• Lignes empilables et contrôles des points d'arrêt.

Tables Ninja Table de démonstration

FAQ sur les tables Ninja 

---

TablePress

TablePress est un plugin de tableau classique construit pour les utilisateurs qui veulent gérer des données structurées sans dépendre de l'éditeur de blocs. Il utilise une interface distincte pour la création de tableaux, et les tableaux peuvent être insérés dans n'importe quelle partie de votre site à l'aide de shortcodes, d'un bloc Gutenberg ou d'un widget Elementor. 

Le plugin vous permet de créer des tableaux contenant du texte, des liens, des images ou même des formules mathématiques. Vous pouvez activer le tri, la pagination et la recherche à partir des paramètres du tableau en quelques clics. Vous disposez d'options d'importation et d'exportation pour les formats Excel, CSV, HTML et JSON, que ce soit à partir de fichiers ou d'URL. Vos tableaux seront réactifs, avec des options de lignes ou de colonnes fixes, de lignes groupées et d'indexation des colonnes. 

Le plugin comprend des outils de recherche avancés tels que des filtres déroulants, des correspondances floues, des filtres inversés et la mise en évidence de mots-clés. Vos utilisateurs peuvent interagir avec les boutons d'action intégrés pour copier, exporter ou imprimer les données du tableau à partir du frontend. En résumé, il s'agit d'un plugin de gestion de données fiable, construit en dehors de l'éditeur de blocs, qui gère tout, des simples tableaux aux ensembles de données avancés et filtrables, avec un contrôle complet de l'importation, de l'exportation et de la mise en page.

Caractéristiques principales

• Tableau de bord central pour la gestion d'un nombre illimité de tableaux.
• Intégrer à l'aide d'un shortcode, d'un bloc ou d'un widget Elementor.
• Comprend du texte, des liens, des images et des formules mathématiques.
• Options de tri, de filtrage, de pagination et de colonne d'index.
• Regroupement des rangées, prise en charge des en-têtes/colonnes fixes et mises en page réactives.
• Importation/exportation à partir de fichiers ou d'URL (CSV, Excel, HTML, JSON).
• Filtrage des colonnes, recherche floue, filtres inversés et mise en évidence de la recherche.
• Réorganisation des lignes et des colonnes, lignes groupées et contrôles de mise en page.
• Boutons d'action pour copier, imprimer ou exporter à partir du frontend.
• API REST, traitement côté serveur et automatisation des importations périodiques. 

TablePress Demo Table

FAQ sur TablePress

---

wpDataTables 

wpDataTables est un plugin riche en fonctionnalités créé pour les utilisateurs qui ont besoin de gérer et de présenter des ensembles de données complexes dans WordPress. Les tableaux sont construits à travers une interface séparée, pas l'éditeur de bloc, et peuvent être intégrés en utilisant des shortcodes, des blocs, ou des constructeurs de pages supportés.

Le plugin prend en charge un large éventail de sources de données, notamment Excel, CSV, XML, JSON, Google Sheets, MySQL et même les tableaux PHP sérialisés. Les tableaux peuvent être créés à partir de zéro ou synchronisés directement à partir de fichiers et de services externes. Vous pouvez fusionner des cellules, insérer des médias, appliquer des classements par étoiles, formater chaque cellule indépendamment et même afficher des valeurs dans une seule cellule n'importe où à l'aide de shortcodes. Des outils de tri, de pagination, de recherche, de filtrage et d'exportation sont disponibles par défaut.

Le plugin comprend l'édition frontale et dorsale, le formatage conditionnel, la transformation des valeurs, la création de graphiques et les requêtes au niveau de la base de données avec prise en charge des espaces réservés. Vous pouvez connecter plusieurs bases de données, grouper des lignes, geler des en-têtes ou des colonnes, et mettre les tableaux en cache pour un chargement plus rapide. Toutes ces fonctionnalités font de wpDataTables un choix pratique pour tous ceux qui travaillent avec des informations structurées provenant de feuilles de calcul, d'API ou de bases de données.

Caractéristiques principales

• Interface pour la création de tableaux manuels ou basés sur des données.
• Prend en charge Excel, CSV, JSON, XML, SQL et les API.
• Médias, évaluations, liens, shortcodes et HTML personnalisé dans les cellules.
• Mise en forme conditionnelle et transformation des valeurs.
• Options de filtrage, de pagination, d'exportation et de recherche avancée.
• Intégration de WooCommerce, Google Sheets et WP Posts.
• Création de graphiques avec Chart.js, Google Charts, ApexCharts et Highcharts.
• Constructeur de requêtes et prise en charge de plusieurs bases de données.
• Edition basée sur les rôles et restriction des données spécifiques à l'utilisateur.

wpDataTables Table de démonstration

FAQ sur wpDataTables

---

Getwid - Blocs Gutenberg

Getwid n'est pas un plugin de tableau mais une collection de blocs à usage général construite pour étendre l'éditeur Gutenberg. Il apporte plus de 40 blocs personnalisés et une bibliothèque de mises en page préconçues qui aident à créer des sections complexes sans dépendre de constructeurs externes.

Le plugin propose des blocs pour les curseurs de contenu, les accordéons, les onglets, les boîtes de prix, les carrousels, les icônes sociales, les formulaires de contact et bien plus encore. Chaque bloc comprend son propre ensemble de paramètres pour le contrôle de la mise en page, l'espacement, la personnalisation de l'arrière-plan, l'animation et la typographie. Les modèles et les blocs dynamiques permettent aux créateurs de contenu d'élaborer des mises en page flexibles tout en conservant une cohérence visuelle sur tous les appareils. Le bloc Tableau avancé est l'un des blocs fonctionnels de la série.

Il prend en charge les cellules fusionnées ou divisées, les en-têtes et les pieds de page personnalisables, ainsi que diverses mises en page de tableau telles que la largeur automatique ou fixe. Vous pouvez appliquer des styles de bordures, des couleurs d'arrière-plan et de texte, des séparations et des alignements à la fois globaux et par cellule. Il offre également un alignement sur toute la largeur et un espacement modifiable pour les cellules individuelles du tableau. Bien qu'il ne s'agisse pas d'un plugin de tableau dédié, Getwid mérite sa place dans cette liste car il apporte une valeur supplémentaire aux utilisateurs de Gutenberg avec un bloc de tableau flexible.

Caractéristiques principales

• Collection de 40+ blocs et 35+ modèles de mise en page.
• Blocs pour sliders, galeries, onglets, témoignages, cartes, etc.
• Comprend un bloc de tableau avancé avec une mise en page réactive.
• Prise en charge des cellules fusionnées et divisées dans les tableaux.
• Personnalisation de l'arrière-plan, du remplissage, de l'alignement et des bordures.
• Options d'en-tête/pied de page et alignement pleine largeur.

Tableau de démonstration Getwid

FAQ sur Getwid

---

---

Conclusion

Les tableaux ont peut-être commencé par être un moyen d'ordonner les informations, mais ils sont devenus bien plus que cela. Dans l'écosystème WordPress d'aujourd'hui, ils sont interactifs, dynamiques et parfois même visuellement au cœur du contenu lui-même. Ce qui nécessitait auparavant un code personnalisé ou des éditeurs externes peut désormais être construit directement dans l'interface Gutenberg.

Cela ne veut pas dire que tous les plugins font la même chose. Que vous souhaitiez importer des données, améliorer l'aspect visuel, éditer le frontend, ou simplement échapper aux limites du bloc Table par défaut, les options de cette liste constituent un bon point de départ.

Lire aussi :

• Comment utiliser le bloc de table de WordPress (Gutenberg)
• Comment utiliser l'éditeur de blocs de WordPress (Guide du débutant)
• Comment formater les tableaux dans WordPress