Widgets de tabela interativos

Adicionar e modificar um widget de tabela interativa

Neste artigo, você aprenderá...

O que é um widget de Tabela Interativa?
Como usar widgets de tabela interativa

Note

Complete this tutorial if you have not yet created a table.

Adicionar o widget de tabela interativa

O widget “Tabela interativa” está localizado no menu suspenso “Incorporar”, na barra de ferramentas do Editor de aplicativos.

Fonte de dados

O widget Tabela interativa pode ser usado para visualizar dados das seguintes fontes:

Variável: Qualquer variável dentro do aplicativo (a variável deve ser uma matriz de objetos).
Tabela: uma tabela Tulip existente.
Consulta de tabela: uma consulta dentro de uma tabela do Tulip para retornar registros filtrados.

Placeholder de registro vinculado / variável

Um widget de tabela interativa também pode incluir um espaço reservado vinculado ou uma variável, dependendo da fonte de dados. Isso representa um contêiner para um único objeto, sendo que uma tabela interativa representa uma lista de objetos. Se um espaço reservado vinculado ou uma variável for definido, selecionar uma linha na tabela carregará essa linha de dados no contêiner.

Campos

Os campos são representados pelos campos na Tabela Tulip selecionada, na Consulta de Tabela ou pelas chaves de objeto na variável selecionada.

Para adicionar campos, use as caixas de seleção para selecioná-los na lista suspensa ou clique em “Selecionar tudo”.

A Tulip recomenda que você exiba no máximo 20 campos por etapa para garantir uma experiência ideal do usuário e o melhor desempenho do aplicativo.

Para reordenar os campos, clique e arraste os rótulos nas propriedades do widget. Para alterar a largura dos campos, arraste as linhas de cada campo no Editor de Aplicativos ou no Player.

Quebra automática de linha

O texto dentro de uma célula da Tabela Interativa pode ser configurado para quebra automática. Com a quebra automática ativada, textos mais longos criarão espaço vertical adicional. Com a quebra automática desativada, o texto será encurtado com reticências ao se aproximar da borda do campo.

Para ativar ou desativar o quebra automático no cabeçalho e no texto do registro, alterne os botões no Painel de Contexto.

Text Wrap.png

Botão de seleção

É possível adicionar um botão de seleção ao widget Tabela Interativa para deixar mais claro qual linha está selecionada, caso um placeholder/variável vinculado tenha sido adicionado.

Filtros

Filtros estáticos ou dinâmicos podem ser adicionados ao widget Tabela Interativa para filtrar os dados no widget. Os filtros podem ser configurados para corresponder a todas ou a qualquer condição e podem ser comparados a valores estáticos, variáveis, informações do aplicativo e campos de registros da tabela.

Classificação

A classificação da Tabela Interativa com base em um campo específico pode ser configurada com a opção “Classificar por” em ordem crescente ou decrescente (dependendo do tipo de dados). Também é possível adicionar vários métodos de classificação por campo no widget de tabela.

Os campos já adicionados na opção “Classificar por” também podem ser classificados no player. Clique no ícone ^ para inverter a classificação.

Performance recommendation: Do not sort by filtered fields

In order to ensure a performant app and user experience, Tulip recommends not sorting the embedded table by any fields on which the embedded interactive table is filtered.

Índice de linha

É possível adicionar um índice de linha ao widget Tabela Interativa para indicar o número de linhas no lado esquerdo. O número de linhas é específico ao conteúdo que está sendo exibido ou renderizado ativamente pelo widget.

Linhas por página

O número de linhas por página no widget Tabela Interativa pode ser ajustado aqui. Aumentar o número de linhas além de um determinado limite adicionará a funcionalidade de rolagem vertical ao widget.

Gatilhos

Os gatilhos podem ser configurados para serem executados quando uma linha for selecionada no widget Tabela Interativa. Para adicionar um gatilho, clique no botão + ao lado do rótulo Gatilho no menu de propriedades do widget.

Os gatilhos podem utilizar informações da linha selecionada definindo um Registro/Variável Vinculado e usando-o no corpo do gatilho.

Tamanho da fonte e tamanho da fonte de paginação

O tamanho da fonte dos dados exibidos na tabela e o tamanho dos rótulos dos números de página podem ser ajustados no menu de propriedades do widget.

Formatação condicional

No editor do aplicativo, a formatação condicional permite que os usuários selecionem campos da tabela como argumentos para regras de formatação no widget de tabela interativa

As regras de formatação condicional exibem a opção “Duplicar” quando há menos de 20 regras na lista.

Saiba mais sobre formatação condicional aqui.