AX - Table de données
Aperçu
AX - Tableau de données est un composant Experience Cloud qui affiche vos enregistrements Salesforce dans un tableau interactif sur les pages des sites Experience (anciennement Community Cloud).
Utilisez-le pour montrer aux utilisateurs du portail des ensembles de données filtrées avec un contrôle total sur les colonnes, le tri, la recherche et la pagination. Récupérez des enregistrements de n'importe quel objet standard ou personnalisé et permettez aux utilisateurs externes de voir, rechercher et interagir avec les données pertinentes pour leur compte ou leur profil.
Parfait pour les portails clients affichant l'historique des commandes, les portails partenaires présentant des enregistrements partagés, ou les sites en libre-service où les utilisateurs doivent trouver et consulter leurs propres données.
Le tableau de données Avonni est un Composant de données réactif
Tutoriels
Connectez votre tableau de données aux données Salesforce
Source de données
La section Source de données est l'endroit où vous connectez le tableau de données Avonni à vos données Salesforce. Vous avez deux options.
Source de données manuelle
Saisir manuellement des données dans le tableau de données.
Idéal pour les données non dynamiques, les tests et les démonstrations.
Requête
Créez une requête pour remplir automatiquement le tableau avec des données Salesforce.
Adapté aux jeux de données dynamiques, en temps réel et volumineux.
Collection CMS
Affichez de manière transparente vos collections CMS dans les tableaux de données pour des mises à jour de contenu dynamiques.
Créez des listes de ressources ou des flux d'actualités se mettant à jour automatiquement.

Configuration des mappings de données
Vous donnez vie à votre tableau de données dans la section Mappings de données en définissant et 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 le tableau de données.

Cette section détermine quelles données sont visibles et comment elles sont organisées dans votre tableau.
Cliquez sur une colonne pour accéder à toutes les propriétés de cette colonne spécifique.

Configuration des propriétés des colonnes
Type de données : Ajustez le type d'affichage du champ (par ex., texte, nombre, date) pour garantir une représentation correcte des données.
Transformation en lien : Activez la liaison des données des cellules 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.
Modifiable : Décidez si une colonne doit être modifiable directement dans le tableau.
Filtrable et consultable : 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 : Permettez aux utilisateurs de trier les données par la colonne spécifiée.
Masquer les actions par défaut : Choisissez de masquer les actions prédéfinies pour un aspect plus épuré.
Retour à la ligne du texte : Activez le retour à la ligne du texte 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 sur les lignes
Voici un tutoriel interactif guidé sur l'ajout d'actions de ligne au tableau de données.
Autres paramètres de configuration
Paramètres de base
Masquer l'en-tête du tableau
Cette option vous permet de retirer l'en-tête du tableau pour un rendu 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 des scénarios multi-actions.

Afficher la colonne des numéros de ligne
Activez ceci pour afficher une colonne qui numérote 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 du 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 se connecte visuellement au corps du tableau, affectant le design global.
Actions de l'en-tête
Configurez des actions (ajouter, supprimer ou fonctions personnalisées) directement accessibles depuis l'en-tête du tableau.

Boutons d'action sur 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 d'autres actions personnalisées, améliorant l'interaction et l'efficacité pour l'utilisateur.

Configurez 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 façon dont les données sont affichées et parcourues dans les tableaux volumineux.

Configuration du moteur de recherche
Espace réservé : Définissez un texte d'espace réservé pour la zone de recherche, guidant les utilisateurs sur ce qu'ils peuvent rechercher.
Position : Choisissez la position de la zone 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 du chargement.


Paramètres
Masquer l'en-tête du tableau
Basculer pour masquer l'en-tête du tableau
Masquer la colonne de cases à cocher
Supprimer la colonne utilisée pour les cases à cocher de sélection de ligne
Afficher la colonne des numéros de ligne
Afficher une colonne montrant le numéro de la 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, empêchant 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 des colonnes
Nombre max de lignes pour le retour à la ligne
Définir le nombre maximal de lignes pour le retour à la ligne du texte dans les cellules
Redimensionnement des colonnes désactivé
Désactiver la possibilité de redimensionner les colonnes
Pas de redimensionnement
Définir le pas d'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 trié par valeur
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
Opter pour connecter 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'actions visibles dans l'en-tête
Spécifier quels boutons d'action sont visibles dans l'en-tête
Actions de l'en-tête
Ajouter des actions personnalisées à l'en-tête du tableau
Attributs de pagination
Afficher la pagination
Basculer l'affichage des contrôles de pagination
Nombre d'éléments par page
Définir le nombre d'éléments à afficher par page
Options du conteneur de pastilles
Afficher un conteneur pour les éléments sélectionnés, souvent utilisé avec la sélection de lignes.
Options du moteur de recherche
Espace réservé
Définir le texte d'espace réservé pour le champ de recherche
Position
Définir la position de la barre de recherche
Valeur de recherche par défaut
Pré-remplir la barre de recherche avec une valeur par défaut
Options de filtrage
Configurer le filtrage pour s'afficher comme un popover pour chaque colonne.
Source de données
Sélectionnez entre « manuel » et « requête » pour le remplissage des données du tableau.
Colonnes
Définir et ajouter des colonnes au tableau de données, en personnalisant les propriétés et le comportement de chaque colonne.
En-tête
Couleur d'arrière-plan
Définit la couleur de fond de l'en-tête.
Couleur de la bordure
Définit la couleur de la bordure de l'en-tête.
Épaisseur de la bordure
Ajuste l'épaisseur de la bordure.
Style de la bordure
Sélectionne le style (plein, pointillé, en tirets, etc.) de la bordure.
Rayon de la bordure
Arrondit les coins de l'en-tête.
Couleur de la bordure inférieure (est jointe)
Spécifie la couleur de la bordure inférieure lorsque l'en-tête est visuellement joint au corps du tableau.
Épaisseur de la bordure inférieure (Est joint)
Détermine l'épaisseur de la bordure inférieure jointe.
Style de la bordure inférieure (Est joint)
Définit le style de la bordure inférieure jointe.
Padding et marge
Contrôle l'espacement intérieur (padding) et extérieur (marge) de l'en-tête.
Titre de l'en-tête
Couleur
Définit la couleur du texte du titre.
Taille de la police
Ajuste la taille du texte du titre.
Épaisseur de la police
Modifie l'épaisseur (graisse) du texte du titre.
Style de police
Applique un style spécifique (italique, normal) au texte du titre.
Légende de l'en-tête
Couleur
Définit la couleur du texte de la légende.
Taille de la police
Ajuste la taille du texte de la légende.
Épaisseur de la police
Contrôle l'épaisseur du texte de la légende.
Style de police
Définit le style du texte de la légende.
Icône de l'en-tête
Couleur d'arrière-plan
Définit la couleur d'arrière-plan de l'icône.
Couleur de premier plan
Change la couleur de l'icône elle-même.
Utilitaire de couleur de premier plan
Ajuste la couleur utilitaire pour le contraste ou l'accentuation.
Rayon de la bordure
Arrondit les coins de l'icône pour un aspect plus doux.
Conteneur de pastilles
Couleur d'arrière-plan des pastilles / Survol
Définit la couleur d'arrière-plan des éléments pastille, avec une couleur différente au survol.
Couleur du texte des pastilles / Survol
Change la couleur du texte à l'intérieur de la pastille, avec une couleur différente au survol.
Hauteur de ligne des pastilles
Ajuste la hauteur de ligne à l'intérieur de la pastille pour l'alignement du texte.
Avatar
Ajustement de l'objet image de l'avatar
Détermine comment l'image de l'avatar doit s'adapter à son conteneur. Les options incluent « fill », « contain », « cover », « none » et « scale-down ».
Boutons de pagination
Paramètres de style
Personnalise l'apparence des boutons de pagination, y compris la couleur, la taille et les propriétés de bordure.
Pied de page
Couleur d'arrière-plan
Définit la couleur de fond du pied de page.
Couleur de la bordure
Définit la couleur de la bordure du pied de page.
Épaisseur de la bordure
Ajuste l'épaisseur de la bordure.
Style de la bordure
Sélectionne le style de la bordure.
Rayon de la bordure
Arrondit les coins du pied de page.
Mis à jour
Ce contenu vous a-t-il été utile ?
