Crie tabelas atraentes com uma variedade de opções de Tabela de Dados
Publicados: 2016-04-12As 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 | 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 | 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.