Como usar o componente Data Table

O componente Tabela de dados permite exibir e trabalhar com grandes quantidades de dados. Os outros componentes que você adicionar dentro dela serão exibidos como uma visualização de tabela. Este tutorial demonstra como vincular uma variável de tabela de dados a um componente de Tabela de dados , exibi-la e editá-la no runtime.

1. Adicione uma atividade Criar tabela de dados e crie uma tabela semelhante à abaixo:

   Nome (cadeia de caracteres)	Idade (Int32)	EmailAddress (String)
   João	45	[e-mail]
   Maria Jane	65	[e-mail]
   Ana Silva	44	[e-mail]

   Lembre-se dos nomes exatos das colunas, porque você os usará como Nomes de propriedades para os componentes dentro da Tabela de dados.

2. Salve a TabelaDeDados em uma variável. Para este exemplo, nomeie-o outputDataTable.

3. Abra ou crie um Formulário e adicione um componente Tabela de dados .

4. Na guia Chave de campo , defina o Nome da propriedade como, para este exemplo, datatable.

5. Adicione outros componentes de formulário que devem conter os dados da TabelaDeDados.

   1. Campo de texto - defina o Nome da propriedade como Nome (o nome exato da primeira coluna).
   2. Número — defina o Nome da propriedade como Idade (o nome exato da segunda coluna)
   3. Campo de texto - defina o Nome da propriedade como EndereçodeEmail (o nome exato da terceira coluna).

6. Adicione uma atividade Mostrar formulário ao fluxo de trabalho e selecione o formulário que você criou na etapa 1.

7. Na coleção Argumentos , vincule a TabelaDeDados ao componente Tabela de dados .

   1. Adicione uma entrada e, para Chave , insira o Nome da propriedade da Tabela de dados . Para esse exemplo, insira datatable.
   2. Defina o Tipo como System.Data.DataTable.
   3. Defina a Direção como In.
   4. No campo Valor , insira a variável onde você armazena a tabela de dados criada na etapa 1.

   Para este exemplo, adicione outputDataTable.

8. Execute o fluxo de trabalho e explore os recursos do componente Tabela de dados .

Confira os resultados deste tutorial no vídeo abaixo:

Exemplo de fluxo de trabalho

Para seguir as etapas neste tutorial, consulte o projeto de exemplo.