Um controle que mostra os dados em um formato tabular.

Descrição

O controle Tabela de dados mostra os dados em um formato que inclui os cabeçalhos de coluna de cada campo mostrado pelo controle. É possível especificar quais campos são mostrados e em qual ordem. Esse controle mantém uma propriedade Selected que, assim como o controle Galeria, aponta para a única linha selecionada pelo usuário. Portanto, você pode vincular o controle Tabela de dados a outros controles.

Propriedades-chave

  • Items – a fonte de dados mostrada pelo controle.

  • Selected – a linha selecionada.

Outras propriedades

  • BorderColor – a cor da borda do controle.

  • BorderStyle – o estilo da borda do controle. As opções são Solid, Dashed, Dotted e None.

  • BorderThickness – a espessura da borda do controle.

  • Color – a cor de texto padrão de todas as linhas de dados.

  • Fill – a cor da tela de fundo padrão de todas as linhas de dados.

  • Font – a fonte padrão de todas as linhas de dados.

  • FontWeight – a espessura de fonte padrão de todas as linhas de dados.

  • HeadingColor – a cor do texto dos cabeçalhos de coluna.

  • HeadingFill – a cor da tela de fundo dos cabeçalhos de coluna.

  • HeadingFont – a fonte dos cabeçalhos de coluna.

  • HeadingFontWeight – a espessura da fonte dos cabeçalhos de coluna.

  • HeadingSize – o tamanho da fonte dos cabeçalhos de coluna.

  • Height – a distância entre as bordas superior e inferior do controle.

  • HoverColor – a cor do texto da linha na qual o usuário mantém o ponteiro do mouse.

  • HoverFill – a cor da tela de fundo da linha na qual o usuário mantém o ponteiro do mouse.

  • NoDataText – a mensagem exibida se o controle não pode mostrar nenhum registro.

  • SelectedColor – a cor do texto na linha selecionada.

  • SelectedFill – a cor da tela de fundo da linha selecionada.

  • Size – o tamanho da fonte padrão de todas as linhas de dados.

  • Visible – um valor que determina se o controle é exibido ou é oculto.

  • Width – a distância entre as bordas esquerda e direita do controle.

  • X – a distância entre a borda esquerda do controle e a borda esquerda de seu contêiner pai (ou a borda esquerda da tela, caso não haja nenhum contêiner pai).

  • Y – a distância entre a borda superior do controle e a borda superior de seu contêiner pai (ou a borda superior da tela, caso não haja nenhum contêiner pai).

Funções relacionadas

  • Filter(DataSource, Formula)

  • Search(DataSource, SearchString, Column)

  • Lookup(DataSource, Formula)

Exemplos

Uso básico

  1. Crie um aplicativo em branco para um tablet.

  2. Na guia Inserir, clique ou toque em Tabela de dados.

Adicionar um controle Tabela de dados a uma tela

Um controle Tabela de dados é adicionado à tela.

  1. Renomeie o novo controle SalesOrderTable e redimensione-o de forma que ele abranja a tela inteira.

  2. No painel direito, clique ou toque na seta para baixo ao lado de Nenhuma fonte de dados selecionada e, em seguida, clique ou toque em Adicionar uma fonte de dados.

Adicionar uma fonte de dados

  1. Na lista de conexões, clique ou toque na conexão do banco de dados do Common Data Service.

Selecionar a conexão da fonte de dados

  1. Na lista de entidades, clique ou toque em Ordem de venda e, em seguida, clique ou toque em Conectar.

Selecionar a entidade **Ordem de venda**

Agora SalesOrderTable está anexada à fonte de dados Ordem de venda. No entanto, os dados só serão exibidos quando você selecionar os campos.

  1. No painel direito, clique ou toque no ícone de olho de cada campo que você deseja mostrar.

    Para este exemplo, mostre SalesOrderId, Account, OrderDate e Status.

SalesOrderTable mostra dados dos campos especificados.

Tabela de dados

  1. Reorganize os campos arrastando-os para cima ou para baixo no painel direito.

Reorganizar os campos conforme desejado

SalesOrderTable mostra os campos na ordem especificada.

Tabela de dados atualizada

Mudar o estilo do cabeçalho

  1. Com o controle Tabela de dados selecionado, clique ou toque na guia Avançado do painel direito.

  2. Clique ou toque no campo da propriedade HeadingFill e, em seguida, altere o valor para RGBA(62,96,170,1).

  3. Clique ou toque no campo da propriedade HeadingColor e altere o valor para White.

  4. Clique ou toque no campo da propriedade HeadingSize e, em seguida, altere o valor para 14.

Tabela de dados

Conectar um controle Tabela de dados a outro controle

  1. Adicione um controle Editar formulário à tela.

  2. Redimensione os controles Tabela de dados e Editar formulário de forma que o controle Tabela de dados seja exibido na parte esquerda da tela e o controle Editar formulário seja exibido na parte direita da tela.

Tabela de dados e **Editar** formulário na mesma tela

  1. Conecte o controle Editar formulário à fonte de dados Ordem de venda.

  2. No painel direito, mostre SalesOrderId, Status, Name, Description e Total amount no controle Editar formulário.

*Editar* formulário mostra cinco campos

  1. No painel direito, clique ou toque na guia Avançado.

  2. Defina a propriedade Item do controle Editar formulário como SalesOrderTable.Selected.

    O controle Editar formulário mostra informações da linha selecionada no controle Tabela de dados.

*Editar* formulário conectado à Tabela de dados