Visualizações de tabelas
Você pode usar visualizações de tabela para apresentar dados em um formato estruturado com elementos personalizáveis, como formatação personalizada e condicional, hiperlinks e imagens. Esta página explica como controlar a apresentação de dados em visualizações de tabela.
Qual é a diferença entre uma visualização de tabela e a tabela de resultados?
A visualização de uma tabela pode ser manipulada independentemente da tabela de resultados original que aparece em dataset.
Em default, as visualizações de tabela aparecem com todas as colunas ocultas. Para mostrar ou ocultar colunas, clique no ícone de 
olho ao lado do nome da coluna.
Reordenar colunas
Com o widget de visualização de tabela selecionado, use o editor de visualização para reordenar as colunas da tabela.
Personalizar as configurações da coluna
Clique no nome de uma coluna para abrir as configurações da coluna e ajuste qualquer uma das seguintes opções:
Contexto | Descrição |
|---|---|
Nome de exibição da coluna | Substitui o nome da coluna default mostrado na tabela. |
Use para pesquisar | Torna a coluna pesquisável em filtros de tabela. |
Descrição | Adiciona texto ao passar o mouse que explica o significado ou o contexto comercial da coluna. |
Exibir como | Altera a forma como os dados são renderizados, como mostrar um número como moeda ou um carimbo de data/hora como data. |
largura padrão da coluna | Define a largura inicial (em pixels) da coluna quando a tabela é carregada. |
Permitir conteúdo HTML | Permite a renderização de HTML dentro das células, o que é útil para emblemas, links ou imagens embutidas. Para saber como codificar uma imagem como URL, consulte Adicionar imagens a widgets de texto. |
Condições da fonte | Aplica a formatação condicional da cor da fonte com base no limite de valores. |
Personalizar as configurações da grade
Use o Grids tab para configurar o seguinte:
- Colunas redimensionáveis: permita que os visualizadores do painel redimensionem as colunas.
- Itens por página: defina o número de linhas que aparecem em cada página da tabela.
- Congele as primeiras N colunas: especifique o número de colunas a serem mantidas no lugar enquanto permite a rolagem horizontal para o resto da tabela.
Personalize tipos de dados comuns
Use o menu suspenso Exibir como para controlar o tipo de dados do valor exibido. Dependendo do tipo de dados, várias opções de personalização estão disponíveis. Por exemplo, você pode:
- A tela flutua até três casas decimais
- Mostrar somente o mês e o ano de uma coluna de data
- Números inteiros com teclado zero
- Anexar ou acrescentar texto aos seus campos numéricos
- Exibir valores como booleanos
Texto
O campo Permitir conteúdo HTML tem o seguinte comportamento:
- Ativado : O conteúdo HTML é executado por meio de um higienizador de HTML e a coluna é renderizada como HTML.
- Desativado : o conteúdo é exibido sem renderizar o HTML.
Numérico e data-hora
Para obter informações de referência sobre a formatação de tipos de dados numéricos e de data e hora, consulte:
Boolean valores
Para exibir as células como valores Boolean, selecione Boolean no menu suspenso Exibir como . Você pode personalizar os valores que aparecem como false e true. Você também pode usar o editor de visualização para aplicar a formatação condicional.
Personalize tipos de dados especiais
As visualizações de tabela do Dahsboard também são compatíveis com os seguintes tipos de dados especiais: imagem, JSON e link. Use o menu suspenso Exibir como para controlar o tipo de dados do valor exibido.
Link
Para tornar clicáveis os links HTML do seu painel, selecione Link. Se o valor for traduzido diretamente em um link, um link clicável aparecerá na tabela.
O senhor também pode definir valores para: URL padrão , Text padrão , Title padrão . Esses campos padrão controlam como um link HTML é renderizado. Os campos aceitam parâmetros no estilo bigode (chaves duplas) para os nomes das colunas na tabela. Os parâmetros mustache suportam o filtro de tubo urlEscape, cujo URL escapa do valor.
Imagem
Se um campo em seu banco de dados contiver links para imagens, selecione Imagem para exibir as imagens em linha com os resultados da tabela. Para saber como codificar uma imagem como URL, consulte Adicionar imagens a widgets de texto.
JSON
Se seus dados retornarem texto formatado em JSON, selecione JSON . Isso permite que você contraia e expanda elementos em um formato limpo.