Atualização 4.5 – Código de acesso de célula única, ApexCharts e muito mais

Publicados: 2022-08-18

Nossa equipe ouviu atentamente seus pedidos e preparamos algumas novidades incríveis para você e seus clientes. Nosso objetivo é atender a todos os seus requisitos e levar o seu negócio ao mais alto nível possível. Isso resultou na atualização wpDataTables 4.5, onde introduzimos um código de acesso de célula única, integrações ApexCharts, Avada e Divi e um novo mecanismo de gráfico.

Entretanto, isso não é tudo! Se você tiver novas ideias ou solicitações, sempre poderá sugerir um recurso e ficaremos felizes em ouvi-lo. A sua satisfação é o nosso principal foco, por isso não hesite em contactar-nos para que possamos crescer juntos. Em breve, você verá ainda mais recursos excelentes, mas agora, vamos ver o que preparamos para você.

Código de acesso de célula única

Com a atualização wpDataTable 4.5, o recurso que você mais pediu está finalmente aqui! Agora, você poderá mostrar dados de apenas uma (ou mais) célula da tabela e não da tabela inteira. Você pode destacar o preço de um determinado produto, o menor peso, o resultado final ou qualquer outra coisa importante para você e modificá-lo da maneira que desejar. Se quiser saber mais, é só clicar aqui.

Para esta demonstração, usamos uma tabela de comparação de produtos, que você pode ver aqui .

Modelo
Huawei P40Pro
BATER
8 GB de RAM
Câmera principal
52 Mpx
Preço
$ 804

ApexCharts.js

Além do Google Charts, Highcharts e Chart.js, agora você também pode usar o ApexCharts.js . É uma das bibliotecas de gráficos mais populares e modernas que você pode usar para criar visualizações interativas para suas necessidades. Além disso, é um código aberto e você pode usá-lo para aplicativos comerciais.

O que há de novo? Existem 19 tipos de gráficos que você pode usar como quiser. Além disso, há ótimas novas opções disponíveis para personalizar seus gráficos, como tamanho do marcador, rótulos de dados, sombra projetada, cor da linha da grade, posição da grade, quantidade de escala para gráfico de pizza, barra de ferramentas e muito mais. Você pode encontrar todos os detalhes sobre como configurar seus ApexCharts aqui .

Você pode ler mais sobre as opções mencionadas anteriormente para ApexChart:

  • Tamanho do marcador, quantidade de escala e sombra projetada
  • Rótulos de dados
  • Cor da dica de ferramenta (igual à série)
  • Paletas de cores monocromáticas e outras para gráfico de pizza
  • gráfico de barras radiais
  • Gráficos de combinação

Gráficos sincronizados com o motor ApexCharts

Estamos orgulhosos de apresentar um novo tipo de gráfico exclusivo no mundo WordPress – gráficos sincronizados. Com os gráficos sincronizados, agora você pode fazer vários gráficos para os mesmos dados e ter uma melhor visualização. Por exemplo, você pode usar dois ou mais gráficos com o eixo x comum e comparar as diferenças no eixo y ao mesmo tempo. Isso pode ser particularmente útil se você quiser comparar a temperatura, a diferença de preços ou acompanhar suas despesas ao longo de vários dias, meses ou anos. Tudo isso é possível com uma pequena extensão com retornos de chamada wpDataCharts. Mais informações sobre como você pode configurar isso podem ser encontradas aqui.

Adicionado módulo de acessibilidade Highcharts

Para tornar seu site mais produtivo, também adicionamos o módulo de acessibilidade Highcharts. Além disso, isso ajudará no SEO, tornando seus gráficos mais visíveis para os rastreadores da web (spiders).

Novos marcadores dinâmicos

Adicionamos seis novos marcadores dinâmicos (%VAR4%, %VAR5%, %VAR6%, %VAR7%, %VAR8% e %VAR9%). Esses espaços reservados fornecem mais possibilidades para filtragem dinâmica de consultas SQL, bem como para outras tabelas de dados cujas colunas usam um filtro de texto. Se você quiser saber mais sobre placeholders, clique aqui.

Por exemplo, digamos que estamos trabalhando com uma tabela de produtos, com colunas diferentes, como nome do produto, modelo, tecnologia etc. Nesse caso, usaríamos marcadores de posição diferentes para obter determinados valores adaptados às nossas necessidades. %VAR1% forneceria o nome do produto, %VAR2% o modelo desse produto e assim por diante. Você pode até obter o id do usuário conectado no momento usando o espaço reservado %CURRENT_USER_ID%, conforme mostrado no exemplo abaixo.

Observe que é possível usar placeholders com outros tipos de tabelas – Excel, CSV, Google Spreadsheet, JSON, XML e PHP array – através dos shortcodes, como valores predefinidos em filtros, e para tabelas editáveis ​​como valores predefinidos no modal de edição .

Duplicar – o novo botão de edição

O novo botão duplicado pode ser usado em muitos casos diferentes, mas seu objetivo principal é em situações em que você tem várias colunas semelhantes e não deseja inserir cada linha novamente . Dessa forma, você pode apenas duplicar a linha e alterar as colunas necessárias.

No exemplo abaixo, duplicamos a última entrada do produto, alterando apenas o valor da coluna “Cor”, mantendo o restante dos dados da entrada iguais.

Você pode escolher quais botões de edição deseja ver no front-end. Selecionamos apenas os botões “Editar” e “Duplicar” para este exemplo.

Novas integrações com os construtores de sites Avada e Divi

O wpDataTables já possui integrações com alguns dos construtores de páginas mais populares, como WPBakery, Elementor e Gutenberg, mas agora expandimos essa lista adicionando integrações com Avada e Divi.

O Avada Website Builder é um dos construtores de páginas mais conhecidos e amplamente utilizados no mundo do WordPress. É um elegante construtor de páginas de arrastar e soltar que permite ao usuário alterar os layouts de página padrão. Se você quiser saber mais clique aqui.

O Divi Website Builder é uma plataforma de criação de sites que substitui o editor de postagem padrão do WordPress por um editor visual muito superior. Se você quiser saber mais clique aqui.

Melhorias:

Opções de mesa

  • Depois que uma data é selecionada no seletor de datas, ela fecha automaticamente
  • Existem três novas opções para ação responsiva. Agora você pode escolher entre “ Ícone” , “ Célula” ou “ Linha” para abrir uma linha adicional
  • Quando o botão “ Nova entrada” está desabilitado, o botão “ Aplicar e adicionar novo ” não é mais exibido no modal de edição.
  • A função de cálculo de média não contará mais células vazias.

Desempenho de conexões separadas

As conexões otimizadas com bancos de dados separados, bem como o tempo de carregamento de tabelas com uma conexão separada, foram significativamente aprimorados.

Adicionados mais ganchos para desenvolvedores

Novos ganchos foram adicionados para filtrar códigos de acesso de célula única, personalizar as opções de cada mecanismo de gráfico separadamente e filtrar conexões PDO e MySQLi.

Por enquanto é isso! No entanto, não o encerramos aqui. Há muitos recursos novos e úteis a surgir nos próximos meses. Experimente wpDataTables 4.5 e deixe-nos saber sua opinião . Estamos ansiosos para saber como ele melhorou o seu negócio.