Contrôle Data table dans PowerAppsData table control in PowerApps

Affiche un jeu de données dans un format tabulaire.Shows a set of data in a tabular format.

DescriptionDescription

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.The Data table control shows a dataset in a format that includes column headers for each field that the control shows. En tant que créateur de l’application, vous contrôlez totalement les champs qui s’affichent et l’ordre de leur affichage.As an app maker, you have full control over which fields appear and in what order. Comme le contrôle Gallery, le contrôle Data table conserve une propriété Selected qui pointe vers la ligne sélectionnée.Like the Gallery control, the Data table control maintains a Selected property that points to the selected row. Par conséquent, vous pouvez lier le contrôle Data table à d’autres contrôles.Therefore, you can link the Data table control to other controls.

FonctionnalitésCapabilities

PowerApps a introduit le contrôle Data table le 5 mai 2017.PowerApps introduced the Data table control on May 5, 2017. Cette section fournit des informations sur les fonctionnalités prises en charge et non prises en charge.This section provides information about capabilities that are supported and capabilities that aren't supported.

Maintenant disponibleNow available

  • Les données d’un contrôle Data table sont en lecture seule.Data in a Data table control is read-only.
  • Une seule ligne est toujours sélectionnée dans un contrôle Data table.A single row is always selected in a Data table control.
  • Liez un contrôle Data table à une source de données connectée ou locale.Link a Data table control to a connected or local data source.
  • 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.Adjust column widths in a Data table control while you run the app, though your changes aren't saved.
  • 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.A set of default fields appear in a Data table control when you link it to a connector that has implemented this capability, such as the Common Data Service. Vous pouvez ensuite afficher ou masquer ces champs et d’autres si nécessaire.You can then show or hide these fields and others as necessary.
  • Personnalisez la largeur de colonne et le texte du titre.Customize column width and heading text.
  • Affichez les liens hypertexte dans un contrôle Data table.Show hyperlinks in a Data table control.
  • Copiez et collez un contrôle Data table.Copy and paste a Data table control.

Non disponible pour l’instantNot yet available

  • Personnalisez le style de colonnes individuelles.Customize the styling of individual columns.
  • Ajoutez un contrôle Data table dans un contrôle de formulaire.Add a Data table control in a form control.
  • Modifiez la hauteur de toutes les lignes.Change the height of all rows.
  • Affichez les images dans un contrôle Data table.Show images in a Data table control.
  • Affichez les champs d’entités associées.Show fields from related entities.
  • Utilisez les fonctionnalités intégrées pour filtrer et trier des données par en-tête de colonne.Use built-in functionality to filter and sort data by column heading.
  • Ajoutez un contrôle Data table dans un contrôle Gallery contrôle.Add a Data table control in a Gallery control.
  • Modifier des données dans le contrôle Data table.Edit data in the Data table control.
  • Sélectionner plusieurs lignes.Select multiple rows.

Problèmes connusKnown issues

  • Aucune donnée n’apparaît si vous utilisez la fonction FirstN dans la propriété Items.No data appears if you use the FirstN function in the Items property.

Principales propriétésKey properties

  • Items : source de données qui s’affiche dans le contrôle Data table.Items – The source of data that appears in the Data table control.
  • Selected : ligne sélectionnée dans le contrôle Data table.Selected – The selected row in the Data table control.

Autres propriétésOther properties

  • BorderColor : couleur de bordure du contrôle Data table.BorderColor – The color of the Data table control's border.
  • BorderStyle : style de bordure du contrôle Data table.BorderStyle – The style of the Data table control's border. Les options sont Solid, Dash, Dotted et None.The options are Solid, Dashed, Dotted, and None.
  • BorderThickness : épaisseur de bordure du contrôle Data table.BorderThickness – The thickness of the Data table control's border.
  • Color : couleur du texte par défaut pour toutes les lignes de données.Color – The default text color for all data rows.
  • Fill : couleur d’arrière-plan par défaut pour toutes les lignes de données.Fill – The default background color for all data rows.
  • Font : police par défaut pour toutes les lignes de données.Font - The default font for all data rows.
  • FontWeight : épaisseur de la police par défaut pour toutes les lignes de données.FontWeight – The default font weight for all data rows.
  • HeadingColor : couleur du texte des en-têtes de colonne.HeadingColor – The text color for the column headings.
  • HeadingFill : couleur d’arrière-plan des en-têtes de colonne.HeadingFill – The background color of the column headings.
  • HeadingFont : police des en-têtes de colonne.HeadingFont – The font of the column headings.
  • HeadingFontWeight : épaisseur de la police des en-têtes de colonne.HeadingFontWeight – The font weight of the column headings.
  • HeadingSize : taille de police des en-têtes de colonne.HeadingSize – The font size of the column headings.
  • Height : distance entre les bords haut et bas du contrôle Data table.Height – The distance between the Data table control's top and bottom edges.
  • HoverColor : couleur du texte de la ligne sur laquelle est positionné le pointeur de la souris.HoverColor – The text color for the row that the mouse pointer is pointing at.
  • HoverFill : couleur d’arrière-plan de la ligne sur laquelle est positionné le pointeur de la souris.HoverFill – The background color of the row that the mouse pointer is pointing at.
  • NoDataText : message envoyé à l’utilisateur quand il n’y a aucun enregistrement à afficher dans le contrôle Data table.NoDataText – The message that the user receives when there are no records to show in the Data table control.
  • SelectedColor : couleur du texte dans la ligne sélectionnée.SelectedColor – The color of the text in the selected row.
  • SelectedFill : couleur d’arrière-plan de la ligne sélectionnée.SelectedFill – The background color of the selected row.
  • Size : taille de police par défaut pour toutes les lignes de données.Size – The default font size for all data rows.
  • Visible : valeur qui détermine si le contrôle Data table s’affiche ou est masqué.Visible – A value that determines whether the Data table control appears or is hidden.
  • Width : distance entre les bords droit et gauche du contrôle Data table.Width – The distance between the Data table control's left and right edges.
  • 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).X – The distance between the left edge of the Data table control and the left edge of its parent container (or the left edge of the screen if there is no parent container).
  • 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).Y – The distance between the top edge of the Data table control and the top edge of its parent container (or the top edge of the screen if there is no parent container).

ExemplesExamples

Utilisation de baseBasic usage

  1. Créez une application vide sur tablette.Create a blank tablet app.
  2. Sous l’onglet Insérer, cliquez ou appuyez sur Data table.On the Insert tab, click or tap Data table.

    Ajouter un contrôle Data table à un écran

    Un contrôle Data table est ajouté à l’écran.A Data table control is added to the screen.

  3. Renommez le nouveau contrôle Data table SalesOrderTable, puis redimensionnez-le afin qu’il occupe tout l’écran.Rename the Data table control SalesOrderTable, and resize it so that it covers the whole screen.
  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.In the right pane, click or tap the down arrow to the right of the No data source selected text, and then click or tap Add a data source.

    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.In the list of connections, click or tap the connection for your Common Data Service database.

    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.In the list of entities, click or tap Sales order, and then click or tap Connect.

    Sélectionner l’entité Sales Order

    Le contrôle Data table est désormais associé à la source de données Sales Order.The Data table control is now attached to the Sales order data source. Plusieurs champs initiaux s’affichent dans le contrôle Data table parce que nous utilisons un connecteur qui prend en charge cette fonctionnalité.Several initial fields appear in the Data table control, because we're using a connector that supports that capability.

    Tableau de données

  7. Dans le volet de droite, activez une ou plusieurs cases à cocher pour afficher ou masquer des champs.In the right pane, select one or more check boxes to show or hide individual fields.

    Par exemple, activez la case à cocher en regard de CustomerPurchaseOrderReference pour masquer ce champ.For example, select the check box next to CustomerPurchaseOrderReference to hide this field.

  8. Dans le volet de droite, réorganisez les champs en les faisant glisser vers le haut ou vers le bas.In the right pane, reorder the fields by dragging them up or down.

    Réorganiser les champs selon les besoins

    Le contrôle SalesOrderTable affiche les champs dans l’ordre que vous avez spécifié.The SalesOrderTable control shows the fields in the order that you specified.

    Tableau de données mis à jour

Modifier le style de l’en-tête pour le contrôle Data tableRestyle the header for the Data table control

  1. Le contrôle Data table étant sélectionné, dans le volet de droite, cliquez ou appuyez sur l’onglet Avancé.While the Data table control is selected, in the right pane, click or tap the Advanced tab.
  2. Cliquez ou appuyez sur le champ pour la propriété HeadingFill, puis changez la valeur en RGBA(62,96,170,1).Click or tap the field for the HeadingFill property, and then change the value to RGBA(62,96,170,1).
  3. Cliquez ou appuyez sur le champ pour la propriété HeadingColor, puis changez la valeur en White.Click or tap the field for the HeadingColor property, and then change the value to White.
  4. Cliquez ou appuyez sur le champ pour la propriété HeadingSize, puis changez la valeur en 14.Click or tap the field for the HeadingSize property, and then change the value to 14.

    Tableau de données

Connecter un contrôle Data table à un autre contrôleConnect a Data table control to another control

  1. Ajoutez un contrôle Edit form à l’écran.Add an Edit form control to the screen.
  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.Resize the Data table and Edit form controls so that the Data table control appears in the left part of the screen and the Edit form control appears in the right part of the screen.

    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.While Form1 is selected, in the right pane, change the number of columns to 1.
  4. Connectez Form1 à la source de données Sales Order.Connect Form1 to the Sales order data source.

    Plusieurs champs initiaux s’affichent dans Form1.Several initial fields appear in Form1.

    Form1 avec champs initiaux

  5. Dans le volet de droite, cliquez ou appuyez sur l’onglet Avancé.In the right pane, click or tap the Advanced tab.
  6. Définissez la propriété Item pour Form1 sur SalesOrderTable.Selected.Set the Item property for Form1 to SalesOrderTable.Selected.

    Form1 affiche les informations de la ligne sélectionnée dans le contrôle Data table.Form1 shows information from the row that's selected in the Data table control.

    Formulaire Modification connecté au contrôle Data table