Contrôle qui affiche des données dans un format tabulaire.

Description

Le contrôle Data table affiche les données dans un format qui inclut des en-têtes de colonne pour chaque champ affiché par le contrôle. Vous pouvez spécifier quels champs afficher et dans quel ordre. Ce contrôle gère une propriété Selected qui, comme le contrôle Gallery, pointe sur la ligne que l’utilisateur a sélectionnée. Par conséquent, vous pouvez lier le contrôle Data table à d’autres contrôles.

Principales propriétés

  • Items : source de données affichée par le contrôle.

  • Selected : élément sélectionné.

Autres propriétés

  • BorderColor : couleur de la bordure du contrôle.

  • BorderStyle : style de la bordure du contrôle. Les options sont Solid, Dash, Dotted et None.

  • BorderThickness : épaisseur de la bordure du contrôle.

  • Color : couleur du texte par défaut pour toutes les lignes de données.

  • Fill : couleur d’arrière-plan par défaut pour toutes les lignes de données.

  • Font : police par défaut pour toutes les lignes de données.

  • FontWeight : épaisseur de la police par défaut pour toutes les lignes de données.

  • HeadingColor : couleur du texte des en-têtes de colonne.

  • HeadingFill : couleur d’arrière-plan des en-têtes de colonne.

  • HeadingFont : police des en-têtes de colonne.

  • HeadingFontWeight : épaisseur de la police des en-têtes de colonne.

  • HeadingSize : taille de police des en-têtes de colonne.

  • Height : distance entre les bords haut et bas du contrôle.

  • HoverColor : couleur de texte de la ligne sur laquelle l’utilisateur place le pointeur de la souris.

  • HoverFill : couleur d’arrière-plan de la ligne sur laquelle l’utilisateur place le pointeur de la souris.

  • NoDataText : message qui s’affiche si le contrôle ne peut afficher aucun enregistrement.

  • SelectedColor : couleur du texte dans la ligne sélectionnée.

  • SelectedFill : couleur d’arrière-plan de la ligne sélectionnée.

  • Size : taille de police par défaut pour toutes les lignes de données.

  • Visible : valeur qui détermine si le contrôle s’affiche ou est masqué.

  • Width : distance entre les bords droit et gauche du contrôle.

  • X : distance entre le bord gauche du contrôle et le bord gauche de son conteneur parent (ou le bord gauche de l’écran s’il n’existe pas de conteneur parent).

  • Y : distance entre le bord gauche du contrôle et le bord supérieur de son conteneur parent (ou le bord supérieur de l’écran s’il n’existe pas de conteneur parent).

Fonctions connexes

  • Filter(SourceDonnées, Formule)

  • Search(SourceDonnées, ChaîneRecherchée, Colonne)

  • Lookup(SourceDonnées, Formule)

Exemples

Utilisation de base

  1. Créez une application vide pour une tablette.

  2. Sous l’onglet Insérer, cliquez ou appuyez sur Data table.

Ajouter un contrôle Data table à un écran

Un contrôle Data table est ajouté à l’écran.

  1. Renommez le nouveau contrôle en SalesOrderTable, puis redimensionnez-le afin qu’il occupe tout l’écran.

  2. Dans le volet de droite, cliquez ou appuyez sur l’icône de la flèche Bas en regard de Aucune source de données sélectionnée, puis cliquez ou appuyez sur Ajouter une source de données.

Ajouter une source de données

  1. Dans la liste des connexions, cliquez ou appuyez sur la connexion pour votre base de données Common Data Service.

Sélectionner la connexion pour votre source de données

  1. Dans la liste des entités, cliquez ou appuyez sur Commande vente, puis cliquez ou appuyez sur Se connecter.

Sélectionner l’entité **Sales order**

SalesOrderTable est maintenant attaché à la source de données Sales order. Toutefois, aucune donnée ne s’affiche tant que vous n’avez pas sélectionné des champs.

  1. Dans le volet de droite, cliquez ou appuyez sur l’icône pour chaque champ à afficher.

    Pour cet exemple, affichez SalesOrderId, Account, OrderDate et Status.

SalesOrderTable affiche les données des champs que vous avez spécifiés.

Tableau de données

  1. Réorganisez les champs en les faisant glisser vers le haut ou vers le bas dans le volet de droite.

Réorganiser les champs selon les besoins

SalesOrderTable affiche les champs dans l’ordre que vous avez spécifié.

Tableau de données mis à jour

Changer le style de l’en-tête

  1. Avec le contrôle Data table sélectionné, cliquez ou appuyez sur l’onglet Avancé dans le volet de droite.

  2. Cliquez ou appuyez sur le champ pour la propriété HeadingFill, puis changez la valeur en RGBA(62,96,170,1).

  3. Cliquez ou appuyez sur le champ pour la propriété HeadingColor, puis changez la valeur en White.

  4. Cliquez ou appuyez sur le champ pour la propriété HeadingSize, puis changez la valeur en 14.

Tableau de données

Connecter un contrôle Data table à un autre contrôle

  1. Ajoutez un contrôle Edit form à l’écran.

  2. Redimensionnez les contrôles Data table et Edit form, de façon que le contrôle Data table apparaisse dans la partie gauche de l’écran et que le contrôle Edit form apparaisse dans la partie droite.

Tableau de données et formulaire **Modification** sur le même écran

  1. Connectez le contrôle Edit form à la source de données Sales order.

  2. Dans le volet de droite, affichez SalesOrderId, Status, Name, Description et Total amount dans le contrôle Edit form.

Le formulaire **Modification** montre cinq champs

  1. Dans le volet de droite, cliquez ou appuyez sur l’onglet Avancé.

  2. Définissez la propriété Item pour le contrôle Edit form sur SalesOrderTable.Selected.

    Le contrôle Edit form montre des informations de la ligne qui est sélectionnée dans le contrôle Data table.

Formulaire **Modification** connecté au tableau de données