Tableau de données
Aperçu
Le composant Avonni Data Table est un outil polyvalent et riche en fonctionnalités pour afficher des données tabulaires sur les sites Salesforce Experience Cloud. Il offre de larges options de personnalisation pour divers besoins de présentation des données, depuis la liste principale jusqu'à des tableaux plus complexes et interactifs.
Le Avonni Data Table est un Composant de données réactif
Tutoriels
Connectez votre Data Table aux données Salesforce
Source de données
La section Source de données est l'endroit où vous connectez l'Avonni Data Table à vos données Salesforce. Vous avez deux options.
Source de données manuelle
Saisir manuellement des données dans la table de données.
Idéal pour les données non dynamiques, les tests et les démos.
Requête
Créer une requête pour autopopuler la table avec des données Salesforce.
Adapté aux ensembles de données dynamiques, en temps réel et volumineux.
Collection CMS
Afficher de manière transparente vos collections CMS dans les Data Tables pour des mises à jour de contenu dynamiques.
Créer des listes de ressources ou des flux d'actualités qui se mettent à jour automatiquement.
Configuration des mappages de données
Vous donnez vie à votre table de données dans la section Mappages de données en définissant et en personnalisant ses colonnes.
Ajout de colonnes
Cliquez sur le bouton « Ajouter des colonnes » pour sélectionner les champs de votre source de données à afficher en tant que colonnes dans la table de données.
Cette section détermine quelles données sont visibles et comment elles sont organisées dans votre table.
Cliquez sur une colonne pour accéder à toutes les propriétés de cette colonne spécifique.
Configuration des propriétés de colonne
Type de données : Ajustez le type d'affichage du champ (par ex. texte, nombre, date) pour assurer une représentation correcte des données.
Transformation en lien : Activez la création de liens des données de cellule vers d'autres enregistrements ou URL pour une navigation rapide.
Attributs de cellule : Personnalisez l'alignement des cellules et les icônes pour un tableau plus intuitif et esthétiquement agréable.
Éditable : Décidez si une colonne doit être modifiable directement dans le tableau.
Filtrable et recherchable : Activez les capacités de filtrage et de recherche par colonne pour une gestion efficace des données.
Masqué : Choisissez de masquer certaines colonnes, utile pour les données sensibles ou moins pertinentes.
Triable : Permettre aux utilisateurs de trier les données par la colonne spécifiée.
Masquer les actions par défaut : Optez pour masquer les actions prédéfinies pour un aspect plus épuré.
Renvoyer le texte (retour à la ligne) : Activez le retour à la ligne pour une meilleure lisibilité dans les colonnes étroites.
Définir la largeur de la colonne : Spécifiez la largeur de chaque colonne pour une mise en page équilibrée et organisée.
Ajout d'actions de ligne
Voici un tutoriel interactif guidé sur l'ajout d'actions de ligne à la Data Table.
Autres paramètres de configuration
Paramètres de base
Masquer l'en-tête du tableau
Cette option vous permet de supprimer l'en-tête du tableau pour un aspect plus épuré et minimaliste.
Masquer les colonnes de cases à cocher
Activez ce paramètre pour masquer les colonnes de cases à cocher, généralement utilisées pour la sélection de lignes dans les scénarios multi-actions.
Afficher la colonne de numérotation des lignes
Activez ceci pour afficher une colonne qui énumère chaque ligne, ce qui est utile pour référencer facilement les données.
Configuration de l'en-tête
Titre et légende
Personnalisez l'en-tête avec un titre et une légende pour fournir un contexte ou un résumé des informations du tableau.
Nom et taille de l'icône
Améliorez l'en-tête avec une icône, en sélectionnant son type et sa taille pour un accent visuel.
Est joint
Ce paramètre détermine si l'en-tête est visuellement relié au corps du tableau, affectant le design global.
Actions d'en-tête
Configurer les actions (ajout, suppression ou fonctions personnalisées) directement accessibles depuis l'en-tête du tableau.
Boutons d'action dans l'en-tête
Implémentez des boutons d'action dans l'en-tête du tableau pour ajouter de nouveaux enregistrements, exporter des données ou autres actions personnalisées, améliorant l'interaction et l'efficacité utilisateur.
Configurer l'interaction sur le bouton
Configurez l'interaction lorsque les utilisateurs appuient sur le bouton d'action de l'en-tête dans la section « Au clic ». Pour comprendre comment fonctionne l'interaction « Naviguer », cliquez ici pour plus d'informations.
Tutoriel
Create an Export To button on the Data TableAttributs de pagination
Configurez les paramètres de pagination, tels que le nombre d'éléments par page et le style de pagination, pour gérer la manière dont les données sont affichées et naviguées dans les tableaux volumineux.
Configuration du moteur de recherche
Espace réservé : Définissez un texte d'espace réservé pour la boîte de recherche, guidant les utilisateurs sur ce qu'ils peuvent rechercher.
Position : Choisissez la position de la boîte de recherche dans la mise en page du tableau pour une accessibilité optimale.
Valeur de recherche par défaut : Prédéfinissez une valeur de recherche pour filtrer les données du tableau lors de son chargement.
Paramètres
Masquer l'en-tête du tableau
Basculer pour masquer l'en-tête du tableau
Masquer la colonne des cases à cocher
Supprimer la colonne utilisée pour les cases à cocher de sélection des lignes
Afficher la colonne de numérotation des lignes
Afficher une colonne montrant le numéro de ligne
Décalage du numéro de ligne
Définir le numéro de départ pour la numérotation des lignes
Sélection maximale de lignes
Limiter le nombre maximal de lignes pouvant être sélectionnées
Supprimer la barre inférieure
Masquer la barre inférieure généralement utilisée pour les actions et l'affichage d'informations
Afficher le nombre d'éléments sélectionnés
Afficher le nombre d'éléments actuellement sélectionnés
Lecture seule
Rendre le tableau non interactif, interdisant toute modification ou sélection
Autoriser la modification sur toutes les colonnes
Activer l'édition pour toutes les colonnes
Autoriser le filtrage sur toutes les colonnes
Activer les options de filtrage pour toutes les colonnes
Autoriser le retour à la ligne sur toutes les colonnes
Autoriser le retour à la ligne du texte dans toutes les colonnes
Masquer les actions par défaut
Masquer les actions prédéfinies comme modifier ou supprimer
Mode de largeur des colonnes
Choisir entre « fixe » ou « automatique » pour le réglage de la largeur des colonnes
Largeur maximale/minimale des colonnes
Définir des limites maximales et minimales pour les largeurs de colonnes
Retour à la ligne : nombre maximal de lignes
Définir le nombre maximal de lignes pour le retour à la ligne dans les cellules
Redimensionnement des colonnes désactivé
Désactiver la possibilité de redimensionner les colonnes
Pas de redimensionnement
Définir l'incrément pour le redimensionnement des colonnes
Trié/Direction de tri par défaut
Choisir « asc » ou « desc » pour la direction de tri initiale
Afficher la valeur utilisée pour le tri
Afficher quelle colonne est actuellement utilisée pour le tri
Titre/Légende de l'en-tête
Définir un titre et une légende pour l'en-tête du tableau
Nom/Taille de l'icône de l'en-tête
Ajouter une icône à l'en-tête avec une taille personnalisable
En-tête joint
Choisir de relier visuellement l'en-tête au corps du tableau
Masquer/Désactiver les actions de l'en-tête
Contrôler la visibilité et l'interactivité des actions de l'en-tête
Boutons d'action visibles de l'en-tête
Spécifier quels boutons d'action sont visibles dans l'en-tête
Actions d'en-tête
Ajouter des actions personnalisées à l'en-tête du tableau
Mis à jour
Ce contenu vous a-t-il été utile ?