Tableau dynamique
Tableaux de tarification, répertoires d'équipe Les données constituent l'épine dorsale des bonnes décisions Mais une table HTML par défaut crie “spreadsheet,” not “solution.” Master Addons Dynamic Table Element transforme les informations structurées en une expérience conçue Construisez n'importe quelle table à partir de zéro directement dans l'éditeur Elementor Définissez vos en-têtes, remplissez le corps de texte, d'images, d'icônes, ou même de contenu dynamique à partir de vos publications Ensuite, appliquez un style professionnel à tous les niveaux : l'en-tête, chaque ligne, les cellules individuelles Créez de la clarté, mettez en évidence ce qui compte et faites de vos données quelque chose que les gens veulent réellement lire.
Constructeur de tables de glisser-déposer visuelles
Oubliez les shortcodes complexes Construisez toute la structure de votre table dans une interface visuelle intuitive Commencez par définir vos colonnes Tête de table (comme “Fature,” “Price,”,”). Ensuite, ajoutez et gérez des lignes dans le Corps de table tout comme une feuille de calcul Besoin d'une autre ligne ? Cliquez sur Ajouter un élément. Vous souhaitez fusionner des cellules ? utilisez les commandes Span et Row Span des colonnes pour des mises en page complexes Vous voyez votre table se former en temps réel au fur et à mesure que vous la construisez, rendant le processus rapide, précis et entièrement visuel.
- Configuration intuitive de l'en-tête : ajoutez et étiquetez des colonnes d'en-tête directement dans l'éditeur pour définir la structure de votre table.
- Gestion des lignes en direct : ajoutez, supprimez et réorganisez les lignes de corps à la volée avec le bouton Ajouter un élément.
- Puissance de fusion de cellules : créez des groupes d'en-têtes ou mettez en surbrillance les cellules clés à l'aide des options Column Span et Row Span.
En-tête séparé et contrôle du style du corps
Un excellent tableau guide l'œil Faites en sorte que votre ligne d'en-tête se démarque comme guide clair pour les données ci-dessous. Stylez l'en-tête du tableau de manière totalement indépendante Donnez-lui une couleur d'arrière-plan audacieuse, une couleur de texte distincte et une typographie forte Ajustez le rembourrage de la cellule intérieure pour le rendre spacieux et facile à lire. Cela crée une hiérarchie visuelle immédiate, aidant les utilisateurs à numériser et à comprendre vos données en quelques secondes. Les rangées de corps obtiennent leur propre ensemble distinct de commandes de style pour un contraste parfait.
- Style d'en-tête indépendant : appliquez uniquement la couleur d'arrière-plan, la couleur du texte et la typographie uniques à la ligne d'en-tête.
- Contrôle du remplissage de cellules : définissez un remplissage de cellules internes personnalisé pour les cellules d'en-tête afin d'améliorer la lisibilité et la conception.
- Style spécifique au corps : stylisez les rangées de corps de table avec leur propre arrière-plan, couleur de texte et alignement.
Contenu de la cellule : texte, icônes, image et données dynamiques
Chaque cellule peut raconter une histoire plus simple Au-delà du texte simple, insérez des Images ou choisissez des Icônes de la bibliothèque pour créer des coches de caractéristiques visuelles (✓) ou des indicateurs d'état Plus puissamment, connectez votre table au contenu du site en direct à l'aide de balises dynamiques Extrayez automatiquement des données comme les Titres de Poste, les Champs Personnalisés, les valeurs ACF ou les informations utilisateur Créez un tableau de comparaison de produits, un répertoire du personnel ou un calendrier d'événements qui met automatiquement à jour la dynamique réelle.
- Contenu multiformat : choisissez Texte, image ou icône pour n'importe quelle cellule corporelle.
- Personnalisation des icônes : icônes de style avec leur propre taille, couleur et rembourrage dans la cellule.
- Intégration des balises dynamiques : Remplissez automatiquement les cellules à l'aide de sources de données dynamiques (par exemple, post meta, nom de l'auteur, champs personnalisés).
- Alignement flexible : contrôlez l'alignement horizontal et vertical du contenu dans chaque cellule pour une mise en page polie.
Styling de table mondial et effets professionnels
Attachez la table entière avec les paramètres de conception globale Activez les lignes de la table rayée pour un look classique et facile à analyser et choisissez la couleur des lignes alternées Contrôlez le type de bordure, la largeur et la couleur globales pour toute la grille de la table Définissez le rembourrage universel des cellules intérieures pour un espacement cohérent Ajoutez un type d'arrière-plan (couleur, dégradé) à l'ensemble du conteneur de la table Ces touches globales garantissent que votre table ressemble à un élément cohérent spécialement conçu, et non à une collection de cellules individuelles.
- Zebra Striping : activez la table rayée et choisissez une couleur pour alterner les lignes afin d'améliorer considérablement la lisibilité.
- Style de bordure : définissez le type de bordure, l'épaisseur et la couleur pour les lignes de grille de la table entière.
- Conception du conteneur : ajoutez un arrière-plan et contrôlez le rembourrage et la marge de la table globale.
- Espacement cohérent : appliquez un rembourrage global des cellules intérieures pour garantir un espacement uniforme et confortable dans toutes les cellules.
Foire aux questions pour la table dynamique
Puis-je connecter ce tableau à mes types de publications personnalisés ou à mes champs personnalisés avancés (ACF) ?
Oui, vous pouvez ! par l'intermédiaire de la fonction Dynamic Tags disponible dans le sélecteur de contenu de cellule du corps Lors de l'édition d'une cellule, cliquez sur l'icône de base de données pour ouvrir le panneau de balises dynamiques Vous pouvez ensuite sélectionner parmi des sources comme “Post Title,”Custom Fields,” “ACF Field,” et plus pour remplir le tableau avec des données en direct de vos publications, produits, ou tout type de publication personnalisé.
La table est-elle réactive sur les appareils mobiles ?
Absolument La table est conçue pour être réactive Sur de très petits écrans, vous voudrez peut-être activer un conteneur de défilement horizontal dans Elementor ou simplifier le nombre de colonnes Le style (padding, tailles de police) s'adaptera, et vous pourrez ajuster les paramètres spécifiquement pour la vue mobile en utilisant le mode d'édition responsive d'Elementor.
Puis-je créer un tableau de tarification avec une colonne « en surbrillance » en utilisant cet élément ?
Certainement. Vous créeriez une colonne pour chaque niveau de tarification. Pour mettre en surbrillance une colonne (comme le plan “Popular”), vous pouvez utiliser la fonctionnalité Column Span dans une cellule d'en-tête pour un badge, puis appliquer une couleur d'arrière-plan différente à toutes les cellules de cette colonne spécifique en ajoutant une classe CSS personnalisée ou en utilisant des options de style de cellule individuelles si disponibles dans des paramètres avancés.
Que se passe-t-il si j'ajoute un texte très long dans une cellule ?
Vous contrôlez le comportement Vous pouvez définir une Largeur Personnalisée pour la colonne pour contrôler l'expansion Le texte s'enroulera dans la cellule en fonction de vos paramètres Typographie et Rembourrage Pour le contenu long, assurez-vous d'avoir une hauteur de ligne adéquate (contrôlée par un remplissage vertical) pour maintenir la lisibilité.
Comment cela se compare-t-il à la simple utilisation d'un widget HTML ou d'un plugin de table ?
Cet élément vous donne un contrôle de conception visuelle au sein d'Elementor Contrairement à un widget HTML de base, vous n'avez pas besoin d'écrire de code pour styliser les bordures, les couleurs ou l'alignement Par rapport à de nombreux plugins de table, il s'intègre parfaitement au système de flux de travail et de style d'Elementor, offrant une expérience de conception plus unifiée et efficace sans gonfler votre site avec un autre plugin autonome.
Puis-je trier ou filtrer les données de la table de manière dynamique ?
Cet élément est principalement destiné aux tables d'affichage statiques ou à population dynamique. Il n'inclut pas les fonctions intégrées de tri, de filtrage ou de recherche frontal comme le ferait un plugin de table de données. Pour ces fonctionnalités interactives avancées, vous auriez besoin d'une solution dédiée. Cet élément est parfait pour présenter des informations fixes telles que les prix, les spécifications ou les horaires dans un format magnifiquement conçu.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
