Ir para conteúdo principal Pular para conteúdo complementar

Estilizando uma tabela estática

Várias propriedades de estilo estão disponíveis para personalizar a aparência de sua tabela estática. O estilo pode ajudar a refletir a paleta de cores de sua organização, auxiliar a análise e melhorar a legibilidade.

Para obter informações sobre como ajustar outros aspectos da aparência da tabela estática, consulte Personalizando a aparência de uma tabela estática.

Para obter informações gerais sobre o estilo de uma visualização individual, consulte Aplicando estilo personalizado a uma visualização.

Estilizando o texto

A tabela estática é uma visualização baseada em texto, portanto, o texto pode ser estilizado de várias maneiras diferentes:

Estilo de texto no nível de gráfico

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, clique em PaletaEstilo.

  3. Na guia Geral, defina a fonte, o estilo de ênfase, o tamanho da fonte e a cor dos seguintes elementos de texto:

    • Título

    • Subtítulo

    • Nota de rodapé

  4. Na guia Gráfico, defina a fonte, o estilo de ênfase, o tamanho da fonte e a cor dos seguintes elementos de texto:

    • Cabeçalho: estilize o texto dos cabeçalhos para as dimensões e medidas.

    • Valores de dimensão: estilize os valores de dimensão do texto.

    • Valores de medição: Estilize o texto dos valores de medida.

    • Totais: estilize o texto dos totais, se você tiver selecionado a exibição de uma linha Totais em Aparência > Apresentação.

    • Valores nulos: Estilize o texto dos valores nulos. Você pode alterar o estilo e a cor do destaque.

    • Listras de zebra: com essa configuração ativada, você pode definir cores de texto alternadas para as linhas. Consulte Aplicando listras de zebra.

Estilo de texto no nível da coluna e da célula

Ênfase no texto

Você pode usar uma expressão para definir como o texto em cada coluna será estilizado. Se você estilizar o texto de uma coluna com uma expressão, essa expressão substituirá o tema do aplicativo e qualquer estilo personalizado aplicado à visualização dessa coluna.

Você pode usar a seguinte sintaxe em sua expressão para definir o estilo (a letra na tag não diferencia maiúsculas de minúsculas):

  • <B>: Negrito

  • <I>: Itálico

  • <U>: Sublinhado

  • <S>: Tachado

Mais de uma das opções acima pode ser aplicada ao mesmo tempo.

Exemplos:  

if(avg(Sales) > 300, '<B>')
if(count(OrderID) = 0, '<S>')
if(sum(Sales) > 100000, '<B><U>', '<I>')
  1. Em Dados, selecione uma coluna e abra Apresentação nas propriedades.

  2. Em Expressão de estilo do texto, insira a expressão. Clique em Abrir o editor de expressões para abrir o editor de expressão.

Cor do texto

Você pode alterar a cor do texto de colunas individuais.

  1. Em Dados, selecione uma coluna e abra Apresentação nas propriedades.

  2. Em Expressão de cor do texto, insira a expressão. Clique em Abrir o editor de expressões para abrir o editor de expressão.

Alinhamento do texto e largura da coluna

  1. Em Dados, selecione uma coluna e abra Apresentação nas propriedades.

  2. Use o controle deslizante para selecionar uma opção para Alinhamento do texto. Com o alinhamento de texto Personalizado, você pode selecionar o alinhamento à esquerda, ao centro ou à direita.

    Nota informativaSe o Alinhamento de texto for definido como Automático, os dados da coluna serão alinhados de acordo com o tipo de dados; valores textuais são alinhados à esquerda e valores numéricos, inclusive valores relacionados à data, são alinhados à direita. Se você defini-lo como Personalizado, poderá alinhar os dados à esquerda, no centro e à direita.
  3. Faça uma seleção para Largura da coluna. Você pode selecionar uma das seguintes opções:

  • Automático

  • Ajustar ao conteúdo

  • Pixels

  • Porcentagem

Estilização de texto no nível de linha

As configurações no nível de linha estão disponíveis para estilizar o texto:

Personalizando o plano de fundo

O plano de fundo pode ser estilizado em vários níveis:

Estilo de fundo no nível de gráfico

Você pode personalizar o plano de fundo do gráfico. O plano de fundo pode ser definido por cor e imagem.

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, clique em PaletaEstilo.

  3. Na guia Geral do painel de estilo, você pode selecionar uma cor de fundo (cor única ou expressão). Você também pode definir o plano de fundo como uma imagem da sua biblioteca de mídia ou de uma URL.

    Nota informativa

    Para adicionar uma imagem de fundo de uma URL, a origem da URL precisa ser adicionada à lista de permissões na Política de segurança de conteúdo de seu locatário. A origem deve ser adicionada com a seguinte Diretriz: img-src. Isso é feito por um administrador de locatários.

    Para obter mais informações, consulte Criando uma entrada da CSP.

    Ao usar uma cor de fundo, use o controle deslizante para ajustar a opacidade do fundo. O cabeçalho do gráfico sempre é exibido com 100% de opacidade.

    Ao usar uma imagem de fundo, você pode ajustar o tamanho e a posição da imagem.

  4. Na guia Gráfico, personalize a cor de fundo dos seguintes elementos:

    • Cabeçalho (100% de opacidade é usada)

    • Valores de dimensão

    • Valores de medida

    • Rótulos de medida

    • Totais (100% de opacidade é usado)

    • Valores nulos

    • Listras de zebra (veja Aplicando listras de zebra)

Estilização de segundo plano no nível de coluna e de célula

Você pode usar uma expressão para definir a cor de fundo de cada coluna. Se você estilizar o segundo plano de uma coluna com uma expressão, essa expressão substituirá o tema do aplicativo e qualquer estilo personalizado aplicado à visualização dessa coluna.

  1. Em Dados, selecione uma coluna e abra Apresentação nas propriedades.

  2. Em Expressão de estilo de segundo plano, insira a expressão. Clique em Abrir o editor de expressões para abrir o editor de expressão.

Estilização de segundo plano no nível de linha

As configurações no nível de linha estão disponíveis para definir a cor de fundo:

Personalizando a grade

Você pode personalizar a grade da tabela.

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, clique em PaletaEstilo.

  3. Na guia Gráfico, personalize a grade com os seguintes elementos:

    • Altura da linha: Defina a altura das linhas em linhas.

    • Borda: Defina a cor das bordas da célula.

    • Divisor: defina a cor do divisor entre o cabeçalho e o corpo da tabela.

Personalizando o comportamento de foco

Você pode definir opções de exibição para quando um usuário passar o mouse sobre uma linha da tabela.

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, clique em PaletaEstilo.

  3. Na guia Gráfico do painel de estilo, em Foco na linha, ajuste as seguintes configurações:

    • Para destacar linhas na tabela quando um usuário passa o mouse sobre elas, defina a chave como On. Desligue o comportamento de acordo com a preferência.

    • Cor flutuante da linha: defina a cor para destacar a linha quando um usuário passar o mouse sobre ela.

    • Cor da fonte ao focalizar na linha: defina a cor do texto na linha destacada quando um usuário passar o mouse sobre ela.

Personalizando a borda e a sombra

Você pode personalizar a borda e a sombra do gráfico.

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, clique em PaletaEstilo.

  3. Na guia Geral do painel de estilo, em Borda, ajuste o tamanho do Contorno para aumentar ou diminuir as linhas da borda ao redor do gráfico.

  4. Selecione uma cor para a borda.

  5. Ajuste o Raio do canto para controlar o arredondamento da borda.

  6. Em Sobra na guia Geral, selecione um tamanho e uma cor para a sombra. Selecione Nenhum para remover a sombra.

Aplicando listras de zebra

Com listras de zebra, você pode adicionar linhas alternadas de cores à tabela estática. As listras de zebra melhoram a legibilidade ao aumentar o contraste entre as linhas pares e ímpares.

Você pode definir o texto e a cor de fundo para as linhas pares e ímpares.

video thumbnail

  1. No painel propriedades, expanda a seção Aparência.

  2. Em AparênciaApresentação, clique em PaletaEstilo.

  3. Na guia Gráfico do painel de estilo, defina Listras de zebra como Ativado.

  4. Ajuste as seguintes configurações:

    • Cor (linha ímpar): defina a cor do texto das linhas ímpares.

    • Fundo (linha ímpar): defina a cor de fundo das linhas ímpares.

    • Cor (linha par): defina a cor do texto das linhas pares.

    • Fundo (linha par): defina a cor de fundo das linhas pares.

Esta página ajudou?

Se você encontrar algum problema com esta página ou seu conteúdo – um erro de digitação, uma etapa ausente ou um erro técnico – avise-nos!