Crie tabelas atraentes com uma variedade de opções de Tabela de Dados

Publicados: 2016-04-12

As tabelas são componentes de conteúdo bastante comuns de qualquer site. Mas às vezes eles são difíceis de construir. O Data Table Generator da Supsystic é uma maneira fácil de criar sua inesquecível tabela de dados com muitas opções sem nenhuma habilidade de programação e basta colocar o código de acesso em sua postagem ou página do WordPress. O plug-in de tabela de dados possui uma variedade impressionante de recursos e temos certeza de que cada um de vocês os achará úteis para suas necessidades. Agora vamos falar sobre o mais valioso deles.

Se sua tabela consiste em muitos dados, você definitivamente desejará usar paginação , classificação e até mesmo pesquisar para a conveniência dos usuários do seu site. Isso lhes dará a oportunidade de virar as páginas de uma tabela, para classificar os dados por ordem decrescente ou crescente. E quando eles não têm muito tempo para examinar toda a sua tabela, eles podem simplesmente inserir as informações necessárias no campo de pesquisa e encontrá-las rapidamente. Não é ótimo? Esses recursos podem economizar muito tempo. E sabemos que tempo é dinheiro em nosso mundo moderno.

Além disso, você pode permitir que os usuários salvem sua tabela ou até imprimam. Basta encontrar o recurso Frontend Export e escolher os formatos (CSV, Excel, PDF, Print). Os usuários do seu site verão os botões correspondentes próximos à mesa e poderão baixá-lo nesses formatos ou imprimi-lo. Além de PDF ou impressão você pode anexar o logotipo da sua empresa, o que é muito útil porque representa o seu negócio, e involuntariamente será memorizado pelos clientes. Tente baixar o PDF ou imprimir a tabela abaixo e confira o logotipo.

A outra opção que vale a pena mencionar é a importação de arquivos como SCV, XLS, XLSX e Google Spreadsheets. Agora você não precisa mais perder tempo criando uma tabela no plugin Data Table, caso já tenha uma pronta em seu computador. Você pode simplesmente importá-lo para o plugin do WordPress e colar o shortcode em um site. Da mesma forma, você pode exportar uma tabela do Data Table Plugin para o seu computador usando os formatos apropriados (CSV, Excel, PDF).

Além disso, se você acha que seu site será visualizado em diferentes gadgets, você estará interessado no recurso Modo responsivo . O Data Table Generator pode oferecer os seguintes modos de resposta: padrão, ocultação automática de colunas, rolagem horizontal ou você pode desativar a responsividade, se não precisar. O modo responsivo padrão situa as colunas umas abaixo das outras com uma célula por linha, se o conteúdo da tabela não couber. A ocultação automática de colunas recolhe colunas da direita para a esquerda. A rolagem horizontal adiciona uma barra de rolagem quando a tabela excede a largura de um contêiner pai. Se você desabilitar a responsividade, uma tabela terá um layout padrão. Você pode redimensionar a página da Web para ver diferentes modos responsivos em ação nas seguintes tabelas:

Primeiro nome Sobrenome Cidade Rua Código postal E-mail DOB
Eldon Rob Spinkaland Forte de Jaydon 86743 [email protected] 17.01.1991
Hoyt Cole Stewartview Ilhas Steuber 04689 [email protected] 14.08.1989
Annie Mineiro Wiltonview Homenick Fords 76947-8004 [email protected] 30.10.1990

Primeiro nome Sobrenome Cidade Rua Código postal E-mail DOB
Romaine Denesik East Francoshire Vista Odell 92164-3876 [email protected] 26.08.1984
Darren Johnson Rohanmouth Propriedade Carlotta 51692 [email protected] 26.03.1995
bravamente Howell Terence do Norte Doris Lakes 06511-9359 [email protected] 26.02.1993

Junto com os recursos mencionados acima, o plugin Data table permite inserir uma imagem , link ou um comentário na célula escolhida. Na tabela abaixo você pode ver os comentários na coluna “O que”, basta passar o mouse sobre seu conteúdo.

FOTO O QUE WHO QUANDO ONDE POR QUÊ
Escalada Geralmente sozinho, mas às vezes com amigos. Segunda, quarta e sexta das 16h às 17h Academia de escalada Pacific Edge A escalada ajuda na resistência cardiovascular, força e resistência muscular, flexibilidade e melhora ou manutenção da força óssea
Passeando com meu cachorro Só eu e meu cachorro Sábado e domingo, sempre que estou livre No penhasco oeste Caminhar melhora a resistência cardiovascular e a força óssea
Trabalhando fora Sozinho Segunda, quarta e sexta, das 17h às 17h30 Na academia de escalada Pacific Edge Rock Treinar ajuda na força e resistência muscular

Você também pode definir o formato de uma linha. Pode ser muito útil ao trabalhar com moeda, data ou porcentagens. Além disso, você pode definir campos editáveis ​​em sua tabela. Esse recurso vem para ajudar quando você usa fórmulas. Por exemplo, a sua empresa está ligada à remodelação e apresenta os preços dos seus serviços numa tabela. Se você definir o campo editável, um futuro cliente poderá inserir o tamanho da área de sua casa e o preço será calculado para ele. Achamos muito útil, e você? Experimente esta opção na tabela abaixo do WordPress (coluna "Pés quadrados").

Item Custo por metro quadrado Pés quadrados Total
Lixar e dar acabamento em pisos de madeira 2,5 0
Instalar piso de cerâmica 16 0
Instalar piso vinílico 4 0
Instale carpete de parede a parede 8 0
Subtotal: Subtotal: 0

Para visualizar sua tabela você pode adicionar Google Charts . O Data Table Generator da Supsystic permite criar de forma rápida e fácil diferentes tipos de diagramas e gráficos. Você pode ler mais sobre isso em Tabela de dados com o Google Charts

Boas notícias! Você pode usar o editor CSS para criar o estilo inesquecível para suas tabelas. Com este recurso você pode editar as tabelas de diferentes maneiras. Mesmo que você tenha pouco conhecimento em CSS e outras habilidades de programação, você ainda pode fazê-lo, pois não é tão complicado. Confira a tabela abaixo com sombra e cantos arredondados, feita com o auxílio do editor CSS.

Nome Posição Escritório Salário
Airi Satou Contador Tóquio US$ 162.700
Angélica Ramos Chief Executive Officer (CEO) Londres $ 1.200.000
Ashton Cox Autor Técnico Júnior Nova york $ 86.000
Bradley Greer Engenheiro de software Londres $ 132.000

Como você pode ver, o Data Table da Supsystic é um ajudante perfeito na criação de uma grande variedade de várias tabelas. Ele permite que você processe e gerencie tabelas de dados amigáveis ​​para SEO de forma rápida e fácil. O plugin Data Tables para WordPress é capaz de estruturar informações e pode ser ajustado para cada necessidade. Existem muitas formas de personalização funcional e visual das tabelas, que melhoram o design do site e permitem modificá-lo para se adequar a qualquer indivíduo ou tarefa diferente.
Saiba mais sobre o WordPress Data Tables Generator by Sypsystic.