WP Table Manager : tabelas de estilo

1. Formato

A guia formato está disponível à direita da tela por padrão. Ele contém parâmetros diferentes.

 

image31

 

  • Tipo de célula: padrão ou HTML. O tipo padrão permite fazer o cálculo com ele, inserindo o conteúdo HTML como imagens. Um editor WYSIWYG para cada célula será implementado na próxima versão, no momento em que você adicionar HTML à célula.
  • Fundo celular cor: definindo a cor do plano de fundo, é claro

 

image32

 

Bordas e opções de fonte podem ser aplicadas em células únicas ou múltiplas

 

image33

 

A largura da linha e da coluna pode ser definida em pixels. Selecione a coluna ou linha em qualquer lugar da tabela e valide o tamanho.

 

2) Opções de tema e classificação

Em cada tabela, você pode encontrar Seleção de tema opção em Tema do menu. Basta clicar em um tema para aplicá-lo.

A aplicação de um tema substituirá todos os dados e estilos dentro da sua tabela. Portanto, o caminho a seguir é aplicar um tema, editar dados para criar seu próprio tema e duplicar suas tabelas.

 

escolha do tema

 

Na mesma Tema do menu> Cores alternativas, o recurso "Estilo automático" ajuda a colorir a linha na sua mesa com Estilo do cabeçalho e Estilo de rodapé opções Você pode selecionar os estilos de modelo ou criar suas próprias configurações de plug-in.

 

tema-alterar-cor

 

O parâmetro classificável permite fazer a classificação de dados AJAX no frontend. Você pode ver no Formato de menu> Classificar.

 

tabela de classificação

 

O alinhamento da tabela é sobre o alinhamento da div que contém toda a tabela, centralize toda a tabela, por exemplo. Você pode encontrar em Formato de menu> Alinhamento de tabela.

 

alinhar tabela

 

Um destaque de célula também está disponível como opção. Você pode ativar esse recurso na configuração. É desativado por padrão. Você pode selecionar a linha de destaque para ajustar a cor e a opacidade do realce.

 

destaque da tabela

 

3) Adicionar dica de ferramenta nas células

Em cada célula de uma tabela, você pode ver a opção Adicionar dica de ferramenta ao clicar nela com o botão direito.

 

add-tooltip

 

Você pode definir a largura da dica de ferramenta em pixels. Ele o levará a uma dica de ferramenta com um editor para editar.

 

editor de dicas de ferramentas

 

Adicione conteúdo e salve, pronto, a dica será exibida no lado público ao passar o mouse.

 

tooltip-hover

 

4) Congelamento de linhas e colunas

O congelamento de linhas ou colunas está disponível no Menu Formato> Opções responsivas. Você pode congelar até 5 linhas ou colunas. É contado a partir da primeira linha / col.

 

linha de congelamento

 

Para congelar as linhas, há uma opção adicional que permite fixar a altura da mesa (porque o contêiner da mesa pode ter uma altura infinita).

 

linha congelada

 

Quando você escolher a linha ou coluna para congelar, poderá rolar pela mesa e sempre exibir as linhas / linhas fixas.

 

exibição de linha fixa

 

5) Filtrando dados da coluna

Uma opção de filtragem está disponível em Formato do menu > Filtros. Você pode ativá-lo clicando para ativar os campos de filtragem de dados públicos.

 

coluna de filtro

 

Exemplo de filtros:

 

rolagem de tabela responsiva

 

6) Preenchimento de célula e raio da borda

Você pode encontrar o ícone de borda na barra de ferramentas para ajustar o preenchimento e o raio da borda na célula.

 

borda de preenchimento

 

Observe que, se você aplicou um tema, alguns css personalizados serão adicionados automaticamente. Você ainda pode editá-lo, é claro.

 

7) CSS customizado

Vamos dar um passo além. Se você é um web designer com habilidades em CSS, poderá adicioná-lo em Formato de menu> CSS personalizado. 

 

formato-custom-css

 

O código CSS é colorido usando o espelho de código e pode ser escrito em menos CSS, também funciona!

 

tabela-personalizada-css

 

Células, linhas, colunas têm coordenadas para identificar cada uma e aplicar css personalizadas. R é linha, C é coluna.

 

exibição de css

 

8) Tabelas responsivas do WordPress

Minhas tabelas são responsivas ou usam a rolagem em dispositivos pequenos?

WP Table Manager lida com o design responsivo com uma ferramenta prioritária, como uma opção. Por padrão, o recurso responsivo está desativado, haverá um estouro (o que funciona muito bem no celular).

 

modo responsivo

 

O modo responsivo é avançado, você pode definir uma prioridade para ocultar colunas em tamanhos móveis. Quando as colunas estão ocultas, um menu móvel com a caixa de seleção será exibido para forçar a exibição / ocultação de colunas.  
O tamanho da coluna é fixo durante a edição da tabela. Se o tamanho de todas as colunas for muito grande para o contêiner, haverá um estouro e você poderá rolar facilmente em dispositivos móveis.

Tabela com rolagem (melhor para uma pequena quantidade de colunas)

 

rolagem de tabela responsiva

 

Tabela com coluna oculta (melhor para uma grande quantidade de colunas)

 

57bb0cb0ac948

 

9) Download da tabela

Para compartilhar sua tabela para o público, você deve ativar Botão Download opção em Guia Tabela no painel direito. O tipo de arquivo será * .xlsx.

 

tabela de download

 

10) Paginação

Você pode encontrar esse recurso em Menu> Formatar guia em cada tabela. Use o botão de alternância para ativar e escolher o número de linhas a serem exibidas em uma página.

 

pagination-wptm