Affiche un jeu de 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.

Fonctionnalités

Le contrôle Data table est un ajout relativement récent à PowerApps. Ce contrôle prend déjà en charge certaines fonctionnalités, tandis que d’autres sont prévues pour les versions ultérieures.

Maintenant disponible

  • Données en lecture seule
  • Sélection d’une ligne unique
  • Sources de données connectées (à l’exception du connecteur Microsoft Excel)

Non disponible pour l’instant

  • Afficher les données dans des sources de données locales (collections)
  • Personnaliser une colonne, y compris la largeur, le texte et le style
  • Afficher les images et ajouter des liens hypertexte
  • Modifier la largeur des colonnes lors de l’exécution de l’application
  • Ajouter un contrôle Data table à l’intérieur d’un formulaire ou d’un contrôle Gallery
  • Modifier la hauteur de toutes les lignes
  • Copier et coller un contrôle Data table
  • Modifier des données et sélectionner plusieurs lignes
  • Afficher les champs d’entités associées
  • Filtrer ou trier facilement les données en fonction des en-têtes de colonne

Problèmes connus

  • Aucune donnée ne s’affiche si vous définissez la valeur de la propriété Items sur une formule qui utilise la fonction NPremiers.
  • Si vous modifiez la valeur de la propriété Items, votre liste de champs est réinitialisée, toutes les colonnes sont perdues et certains connecteurs perdent la connexion aux sources de données.

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. Data table

  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. Data table

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