Control Tabla de datos en PowerAppsData table control in PowerApps

Muestra un conjunto de datos en formato tabular.Shows a set of data in a tabular format.

DescripciónDescription

El control Tabla de datos muestra un conjunto de datos en un formato que incluye encabezados de columna para cada campo que el control muestra.The Data table control shows a dataset in a format that includes column headers for each field that the control shows. Como responsable de una aplicación, tiene control total sobre los campos que aparecen y en qué orden.As an app maker, you have full control over which fields appear and in what order. Al igual que en el control Galería, el control Tabla de datos mantiene una propiedad Seleccionado que apunta a la única fila seleccionada.Like the Gallery control, the Data table control maintains a Selected property that points to the selected row. Por lo tanto, puede vincular el control Tabla de datos a otros controles.Therefore, you can link the Data table control to other controls.

FuncionalidadesCapabilities

PowerApps implementó el control Tabla de datos el 5 de mayo de 2017.PowerApps introduced the Data table control on May 5, 2017. En esta sección se proporciona información sobre las funcionalidades compatibles e incompatibles.This section provides information about capabilities that are supported and capabilities that aren't supported.

Ahora disponibleNow available

  • Los datos de un control Tabla de datos es de solo lectura.Data in a Data table control is read-only.
  • En los controles Tabla de datos siempre se selecciona una única fila.A single row is always selected in a Data table control.
  • Vincule un control Tabla de datos a un origen de datos local o conectado.Link a Data table control to a connected or local data source.
  • Ajuste el ancho de las columnas del control Tabla de datos mientras se ejecuta la aplicación, aunque los cambios no se guardan.Adjust column widths in a Data table control while you run the app, though your changes aren't saved.
  • En el control Tabla de datos aparece un conjunto de campos predeterminados cuando se vincula a un conector con esta funcionalidad implementada, como 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. A continuación, puede mostrar u ocultar estos y otros campos según sea necesario.You can then show or hide these fields and others as necessary.
  • Personalice el ancho de la columna y el texto de encabezado.Customize column width and heading text.
  • Muestre los hipervínculos en un control Tabla de datos.Show hyperlinks in a Data table control.
  • Copie y pegue un control Tabla de datos.Copy and paste a Data table control.

Aún no está disponibleNot yet available

  • Personalice el estilo de las columnas individuales.Customize the styling of individual columns.
  • Agregue un control Tabla de datos a un control de formulario.Add a Data table control in a form control.
  • Cambie el alto de todas las filas.Change the height of all rows.
  • Muestre imágenes en un control Tabla de datos.Show images in a Data table control.
  • Muestre campos de entidades relacionadas.Show fields from related entities.
  • Utilice la funcionalidad integrada para filtrar y ordenar los datos por encabezado de columna.Use built-in functionality to filter and sort data by column heading.
  • Agregue un control Tabla de datos a un control de formularioGalería.Add a Data table control in a Gallery control.
  • Edite datos en el control Tabla de datos.Edit data in the Data table control.
  • Seleccione varias filas.Select multiple rows.

Problemas conocidosKnown issues

  • No aparecen datos al usar la función FirstN en la propiedad Elementos.No data appears if you use the FirstN function in the Items property.

Propiedades principalesKey properties

  • Elementos: el origen de datos que aparece en el control Tabla de datos.Items – The source of data that appears in the Data table control.
  • Seleccionado: la fila seleccionada en el control Tabla de datos.Selected – The selected row in the Data table control.

Otras propiedadesOther properties

  • ColorDeLosBordes: el color del borde del control Tabla de datos.BorderColor – The color of the Data table control's border.
  • EstiloDelBorde: el estilo del borde del control Tabla de datos.BorderStyle – The style of the Data table control's border. Las opciones son Sólido, Rayado, Punteado y Ninguno.The options are Solid, Dashed, Dotted, and None.
  • GrosorDelBorde: el grosor del borde del control Tabla de datos.BorderThickness – The thickness of the Data table control's border.
  • Color: el color de texto predeterminado para todas las filas de datos.Color – The default text color for all data rows.
  • Relleno: el color de fondo predeterminado para todas las filas de datos.Fill – The default background color for all data rows.
  • Fuente: la fuente predeterminada para todas las filas de datos.Font - The default font for all data rows.
  • EspesorDeFuente: el espesor de fuente predeterminado para todas las filas de datos.FontWeight – The default font weight for all data rows.
  • HeadingColor (ColorDeEncabezado): el color del texto de los encabezados de columna.HeadingColor – The text color for the column headings.
  • HeadingFill (RellenoDeEncabezado): el color de fondo de los encabezados de columna.HeadingFill – The background color of the column headings.
  • HeadingFont (FuenteDeEncabezado): la fuente de los encabezados de columna.HeadingFont – The font of the column headings.
  • HeadingFontWeight (EspesorDeFuenteDeEncabezado): el espesor de fuente de los encabezados de columna.HeadingFontWeight – The font weight of the column headings.
  • HeadingSize (TamañoDeEncabezado): el tamaño de fuente de los encabezados de columna.HeadingSize – The font size of the column headings.
  • Altura: la distancia entre los bordes superior e inferior del control Tabla de datos.Height – The distance between the Data table control's top and bottom edges.
  • ColorAlMantener: el color del texto de la fila a la cual apunta el puntero del mouse.HoverColor – The text color for the row that the mouse pointer is pointing at.
  • RellenoAlMantener: el color del fondo de la fila a la cual apunta el puntero del mouse.HoverFill – The background color of the row that the mouse pointer is pointing at.
  • NoDataText (SinTextoEnLosDatos): el mensaje que el usuario recibe cuando no hay registros para mostrar en el control Tabla de datos.NoDataText – The message that the user receives when there are no records to show in the Data table control.
  • SelectedColor (ColorSeleccionado): el color del texto de la fila seleccionada.SelectedColor – The color of the text in the selected row.
  • SelectedFill (RellenoSeleccionado): el color de fondo de la fila seleccionada.SelectedFill – The background color of the selected row.
  • Tamaño: el tamaño de fuente predeterminado para todas las filas de datos.Size – The default font size for all data rows.
  • Visible: un valor que determina si el control Tabla de datos aparece o está oculto.Visible – A value that determines whether the Data table control appears or is hidden.
  • Ancho: la distancia entre los bordes derecho e izquierdo del control Tabla de datos.Width – The distance between the Data table control's left and right edges.
  • X: la distancia entre el borde izquierdo del control Tabla de datos y el borde izquierdo de su contenedor principal (o el borde izquierdo de la pantalla si no hay contenedor principal).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: la distancia entre el borde superior del control Tabla de datos y el borde superior de su contenedor principal (o el borde superior de la pantalla si no hay contenedor principal).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).

EjemplosExamples

Uso básicoBasic usage

  1. Cree una aplicación de tableta vacía.Create a blank tablet app.
  2. En la pestaña Insertar, pulse o haga clic en Tabla de datos.On the Insert tab, click or tap Data table.

    Agregar un control Tabla de datos a una pantalla

    Se agrega un control Tabla de datos a la pantalla.A Data table control is added to the screen.

  3. Cambie el nombre de SalesOrderTable (TablaDePedidosDeVentas) del control Tabla de datos y auméntele el tamaño de modo que cubra toda la pantalla.Rename the Data table control SalesOrderTable, and resize it so that it covers the whole screen.
  4. En el panel derecho, haga clic o pulse en la flecha abajo a la derecha del texto No se ha seleccionado un origen de datos y en Agregar un origen de datos.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.

    Agregar un origen de datos

  5. En la lista de conexiones, pulse o haga clic en la conexión para la base de datos de Common Data Service.In the list of connections, click or tap the connection for your Common Data Service database.

    Seleccionar la conexión para el origen de datos

  6. En la lista de entidades, haga clic o pulse en Pedido de ventas y en Conectar.In the list of entities, click or tap Sales order, and then click or tap Connect.

    Selección de la entidad Pedido de ventas

    El control Tabla de datos está ahora conectado al origen de datos Pedido de ventas.The Data table control is now attached to the Sales order data source. En el control Tabla de datos aparecen varios campos iniciales, ya que se usa un conector que admite esa funcionalidad.Several initial fields appear in the Data table control, because we're using a connector that supports that capability.

    Tabla de datos

  7. En el panel derecho, seleccione una o más casillas para mostrar u ocultar campos.In the right pane, select one or more check boxes to show or hide individual fields.

    Por ejemplo, seleccione la casilla junto al campo CustomerPurchaseOrderReference (ReferenciaDelPedidoDeCompraDelCliente) para ocultarlo.For example, select the check box next to CustomerPurchaseOrderReference to hide this field.

  8. Para volver a ordenar los campos, arrástrelos hacia arriba o hacia abajo en el panel derecho.In the right pane, reorder the fields by dragging them up or down.

    Cambiar el orden de los campos según sea necesario

    El control SalesOrderTable (TablaDePedidosDeVentas) muestra los campos en el orden especificado.The SalesOrderTable control shows the fields in the order that you specified.

    Tabla de datos actualizada

Cambio de estilo del encabezado para el control Tabla de datosRestyle the header for the Data table control

  1. Con el control Tabla de datos seleccionado, pulse o haga clic en la pestaña Avanzado en el panel derecho.While the Data table control is selected, in the right pane, click or tap the Advanced tab.
  2. Pulse o haga clic en el campo para la propiedad HeadingFill (RellenoDeEncabezado) y cambie el valor a 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. Pulse o haga clic en el campo para la propiedad HeadingColor (ColorDeEncabezado) y cambie el valor a White (Blanco).Click or tap the field for the HeadingColor property, and then change the value to White.
  4. Pulse o haga clic en el campo para la propiedad HeadingSize (TamañoDeEncabezado) y cambie el valor a 14.Click or tap the field for the HeadingSize property, and then change the value to 14.

    Tabla de datos

Conexión de un control Tabla de datos a otro controlConnect a Data table control to another control

  1. Agregue un control Formulario de edición a la pantalla.Add an Edit form control to the screen.
  2. Cambie el tamaño de los controles Tabla de datos y Editar formulario de forma que el control Tabla de datos aparezca en la parte izquierda de la pantalla y el control Editar formulario, en la parte derecha.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.

    Tabla de datos y Editar formulario en la misma pantalla

  3. Con Form1 seleccionado, en el panel derecho, cambie el número de columnas a 1.While Form1 is selected, in the right pane, change the number of columns to 1.
  4. Conecte Form1 al origen de datos Pedido de ventas.Connect Form1 to the Sales order data source.

    En Form1 aparecen varios campos iniciales.Several initial fields appear in Form1.

    Form1 con campos iniciales

  5. En el panel derecho, pulse o haga clic en la pestaña Avanzado.In the right pane, click or tap the Advanced tab.
  6. Establezca la propiedad Elementos De Form1 en SalesOrderTable.Selected (TablaDePedidosDeVentas.Seleccionado).Set the Item property for Form1 to SalesOrderTable.Selected.

    Form1 muestra información de la fila que está seleccionada en el control Tabla de datos.Form1 shows information from the row that's selected in the Data table control.

    Editar formulario conectado a Tabla de datos