Affiche un jeu de données dans un format tabulaire.

Description

Le contrôle Table de données affiche un jeu de données dans un format incluant des en-têtes de colonne pour tous les champs affichés. En tant que créateur de l’application, vous contrôlez totalement les champs qui s’affichent et l’ordre de leur affichage. Comme le contrôle Gallery, le contrôle Data table conserve une propriété Selected qui pointe vers la ligne sélectionnée. Par conséquent, vous pouvez lier le contrôle Data table à d’autres contrôles.

Fonctionnalités

PowerApps a introduit le contrôle Data table le 5 mai 2017. Cette section fournit des informations sur les fonctionnalités prises en charge et non prises en charge.

Maintenant disponible

  • Les données d’un contrôle Data table sont en lecture seule.
  • Une seule ligne est toujours sélectionnée dans un contrôle Data table.
  • Liez un contrôle Data table à une source de données connectée ou locale.
  • Ajustez les largeurs de colonne dans un contrôle Data table pendant que vous exécutez l’application, même si vos modifications ne sont pas enregistrées.
  • Un ensemble de champs par défaut apparaît dans un contrôle Data table lorsque vous liez celui-ci à un connecteur ayant implémenté cette fonctionnalité, tel que Common Data Service. Vous pouvez ensuite afficher ou masquer ces champs et d’autres si nécessaire.
  • Personnalisez la largeur de colonne et le texte du titre.
  • Affichez les liens hypertexte dans un contrôle Data table.
  • Copiez et collez un contrôle Data table.

Non disponible pour l’instant

  • Personnalisez le style de colonnes individuelles.
  • Ajoutez un contrôle Data table dans un contrôle de formulaire.
  • Modifiez la hauteur de toutes les lignes.
  • Affichez les images dans un contrôle Data table.
  • Affichez les champs d’entités associées.
  • Utilisez les fonctionnalités intégrées pour filtrer et trier des données par en-tête de colonne.
  • Ajoutez un contrôle Data table dans un contrôle Gallery contrôle.
  • Modifier des données dans le contrôle Data table.
  • Sélectionner plusieurs lignes.

Problèmes connus

  • Aucune donnée n’apparaît si vous utilisez la fonction FirstN dans la propriété Items.

Principales propriétés

  • Items : source de données qui s’affiche dans le contrôle Data table.
  • Selected : ligne sélectionnée dans le contrôle Data table.

Autres propriétés

  • BorderColor : couleur de bordure du contrôle Data table.
  • BorderStyle : style de bordure du contrôle Data table. Les options sont Solid, Dash, Dotted et None.
  • BorderThickness : épaisseur de bordure du contrôle Data table.
  • 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 Data table.
  • HoverColor  : couleur du texte de la ligne sur laquelle est positionné le pointeur de la souris.
  • HoverFill  : couleur d’arrière-plan de la ligne sur laquelle est positionné le pointeur de la souris.
  • NoDataText : message envoyé à l’utilisateur quand il n’y a aucun enregistrement à afficher dans le contrôle Data table.
  • 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 Data table s’affiche ou est masqué.
  • Width : distance entre les bords droit et gauche du contrôle Data table.
  • X : distance entre le bord gauche du contrôle Data table 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 Data table 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

Exemples

Utilisation de base

  1. Créez une application vide sur 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.

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

  4. Dans le volet de droite, cliquez ou appuyez sur la flèche bas à droite du texte 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

  5. 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

  6. 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

    Le contrôle Data table est désormais associé à la source de données Sales Order. Plusieurs champs initiaux s’affichent dans le contrôle Data table parce que nous utilisons un connecteur qui prend en charge cette fonctionnalité.

    Tableau de données

  7. Dans le volet de droite, activez une ou plusieurs cases à cocher pour afficher ou masquer des champs.

    Par exemple, activez la case à cocher en regard de CustomerPurchaseOrderReference pour masquer ce champ.

  8. Dans le volet de droite, réorganisez les champs en les faisant glisser vers le haut ou vers le bas.

    Réorganiser les champs selon les besoins

    Le contrôle SalesOrderTable affiche les champs dans l’ordre que vous avez spécifié.

    Tableau de données mis à jour

Modifier le style de l’en-tête pour le contrôle Data table

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

  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 à ce que le contrôle Data table apparaisse dans la partie gauche de l’écran et le contrôle Edit form dans la partie droite.

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

  3. Form1 étant sélectionné, dans le volet de droite, modifiez le nombre de colonnes en 1.

  4. Connectez Form1 à la source de données Sales Order.

    Plusieurs champs initiaux s’affichent dans Form1.

    Form1 avec champs initiaux

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

  6. Définissez la propriété Item pour Form1 sur SalesOrderTable.Selected.

    Form1 affiche les informations de la ligne sélectionnée dans le contrôle Data table.

    Formulaire Modification connecté au contrôle Data table