Revisión del complemento wpDataTables: Cree tablas y gráficos receptivos

Revisión del complemento wpDataTables: Cree tablas y gráficos receptivos

¿Necesita una forma de mostrar datos, tablas o gráficos en su sitio de WordPress?

wpDataTables es el complemento de tablas y gráficos más vendido en CodeCanyon, donde ha realizado más de 19,000 ventas y ha mantenido una calificación de 4.67 estrellas.

Aunque el complemento se introdujo originalmente en 2013, se ha rediseñado por completo con wpDataTables 2.0. Además de las nuevas funciones, también tiene una nueva interfaz de usuario que es realmente divertida.

En mi revisión de wpDataTables, lo guiaré a través de esta última versión y le mostraré lo que puede hacer.

Revisión de wpDataTables: una breve mirada a las características

En primer lugar están todas las tablas y gráficos que crea con wpDataTables sensible. Lo sé, «receptivo» no es realmente sexy en 2018. Pero te sorprendería saber cuántos complementos de hojas de cálculo no manejan bien el diseño receptivo, por lo que en realidad es un gran beneficio. Puede configurar sus propios puntos de interrupción personalizados y ocultar ciertas columnas en tabletas / dispositivos móviles.

Otra cosa que le gustará de wpDataTables son las muchas formas en que puede crear tablas y / o importar contenido. Usted puede:

  • Crea tablas desde cero
  • Vincular una tabla a una fuente externa, como Excel, Google Sheets, JSON, SQL Query, PHP Array, etc. Los datos se actualizan cuando cambia el archivo de origen.
  • Importar de una fuente externacomo Excel o Hojas de cálculo de Google. A diferencia del anterior, este es un una vez importar. Los datos no están sincronizados.
  • Utilice un generador de consultas de base de datos para agregar contenido de WordPress a su tabla, como publicaciones, taxonomías, postmeta, etc.
  • Usa una consulta MySQL para extraer sus propios datos base de datos externa.

Aunque no estoy seguro de cómo probarlo, wpDataTables afirma que puede manejar tablas grandes, incluso millones de filas.

Para editar los datos de su tabla, puede usar un editor similar a Excel simplemente haciendo clic y escribiendo en los campos. O puede utilizar un editor «estándar» que le permite editar líneas completas en una ventana emergente.

Obtiene toneladas de configuraciones para controlar el aspecto y la función de sus tablas, que incluyen:

  • Formato condicional
  • Edición de tablas en la interfaz
  • Opciones de clasificación
  • Funcionalidad de filtro (incluido un widget dedicado)
  • Opción de búsqueda
  • Opciones de front-end para exportar tablas a Excel o CSV
  • Opciones de frontend para imprimir una tabla

¡Y sí, wpDataTables no es solo para tablas! También puede usarlo para convertir cualquiera de sus tablas en un gráfico atractivo.

Si desea ver las tablas y gráficos en acción, aquí hay algunas demostraciones que puede ver.

Prácticas wpDataTables: 7 cosas que te gustarán

Bien, ahora demos una prueba práctica a wpDataTables y le mostraré cómo funcionan realmente estas funciones.

1. Asistente para el constructor de tablas

Para ayudarlo a crear sus tablas, wpDataTables le ofrece un asistente de construcción de tablas bien diseñado.

Primero, elija de dónde desea obtener los datos de su tabla. Puedes ver las 5 opciones que mencioné anteriormente:

wpdatatables Comprobando las opciones de importación

he decidido Importar desde una fuente de datos. En mi caso, es una hoja de cálculo de Google Sheets publicada.

Para este método, simplemente pegue la URL:

pegar en hojas de URL

wpDataTables luego le brinda un resumen de las columnas encontradas. Si es necesario, puede cambiar el tipo de datos de cada columna (por ejemplo, puede hacer que una columna sea un número o una fecha):

Tipos de columnas

Una vez que esté satisfecho con su apariencia, dígale a wpDataTables que importe la tabla y se aplicarán todos los datos.

2. Dos editores de tablas diferentes, incluido un editor similar a Excel

Para trabajar con datos de tablas en su panel de WordPress, wpDataTables le ofrece dos editores diferentes:

  • Editor similar a Excel – eso es lo que parece. Puede editar datos en su navegador tal como lo haría en las celdas de Excel.
  • Editor estándar – No puede simplemente hacer clic en las celdas y escribirlas. En cambio, trabaja en ventanas emergentes para cada fila.

Así es como funciona el editor similar a Excel:

Editor similar a Excel

Obtiene diferentes selectores para campos que no son de texto. Por ejemplo, puede abrir un selector de fecha para columnas con el tipo de datos de fecha:

Selector de fechas

Y así es como funciona usar el editor estándar:

Editor estándar

El editor similar a Excel es útil cuando realmente está trabajando con datos. Sin embargo, la ventaja del editor estándar es que facilita el acceso a los controles de columna detallados. Hablando de …

3. Configuración detallada de la columna

En el editor estándar, puede acceder a la configuración detallada de cada columna, que puede utilizar para controlar, por ejemplo:

  • Tipos de datos
  • Clases CSS personalizadas
  • Si se debe permitir la clasificación
  • Si se debe permitir el filtrado. Si es así, ¿cómo se usa el filtrado?
  • Formato condicional. Por ejemplo, puede agregar una clase CSS personalizada basada en los datos de la celda (es muy similar al formato condicional en Excel o Google Sheets, de hecho)

Opciones de columna

4. Configuración general detallada de la tabla

Por encima de los datos de la tabla, obtiene una colección de configuraciones generales para su tabla.

Aquí puedes controlar:

  • Configuración de toda la tabla para filtros, clasificación y búsqueda.
  • Edición de frontend: si las personas pueden editar la tabla a través de la interfaz.
  • Herramientas de tabla: permite a los usuarios imprimir su tabla o exportarla a Excel / CSV.

Y aquí también puedes activar el modo de respuesta:

Cuando habilita el modo de respuesta, obtiene una nueva configuración de columna que le permite ocultar columnas individuales en dispositivos móviles o tabletas:

5. Crea un diagrama a partir de la tabla.

Además de la funcionalidad de tabla, wpDataTables también incluye una funcionalidad de gráfico bastante poderosa que le permite convertir cualquiera de sus tablas en diferentes tipos de gráficos compatibles con algunos motores de gráficos diferentes.

Al crear un diagrama, lo primero que debe hacer es elegir el motor de renderizado que utilizará. Tus opciones son:

  • Gráficos de Google
  • HighCharts
  • Chart.js

A continuación, puede elegir entre los tipos admitidos por el motor de renderizado seleccionado qué tipo de diagrama debe crearse:

Tipos de gráficos

Después de elegir el tipo de gráfico, puede elegir una de sus tablas existentes como fuente de datos para su gráfico:

A continuación, puede elegir exactamente qué datos se deben utilizar en esta tabla.

Por ejemplo, solo puede seleccionar dos o tres columnas específicas.

También puede ingresar un rango para que las filas se incluyan y elegir si desea usar las opciones de filtro de la tabla (Esto es genial porque el gráfico se volverá a representar si uno de sus visitantes cambia sus opciones de filtro en la parte frontal de su sitio web.):

Seleccionar datos de gráfico

Una vez que haya seleccionado los datos para usar, wpDataTables le mostrará una vista previa en vivo de su gráfico, así como opciones para controlarlo:

  • Ancho de gráfico receptivo
  • agrupamiento
  • Teñir
  • Limites
  • Etiquetas
  • Algunas otras configuraciones menores

Vistas previas de gráficos

Una vez que esté satisfecho con su configuración, wpDataTables escupirá un código corto que usará en todo su sitio ser capaz.

6. Widget de filtro dedicado

Si no desea incluir opciones de filtro encima de la tabla, wpDataTables también tiene su propio widget de filtro dedicado que puede colocar en cada área de widget.

Cuando agrega el widget, contiene controles de filtro para la tabla activa:

7. Muchos escenarios globales

Además de la configuración específica de la tabla / diagrama, wpDataTables también le ofrece innumerables opciones en el wpDataTables → Configuración Zona. Aquí puede configurar cosas como:

  • Si los códigos cortos deben analizarse en tablas o no
  • Puntos de interrupción receptivos
  • Teñir
  • Fuentes
  • CSS y JavaScript personalizados
  • Conexiones de base de datos independientes

Un vistazo rápido a los otros métodos para importar datos de gráficos

Arriba, le mostré cómo importar datos desde una hoja de cálculo de Google Sheets. Pero una de las mejores cosas de wpDataTables es su flexibilidad para importar datos.

Antes de concluir esta revisión de wpDataTables, permítame guiarlo a través de las otras formas en que puede obtener datos en sus tablas.

Creador de consultas

Puede utilizar el Generador de consultas para realizar consultas:

  • Datos de la base de datos de su sitio de WordPress (publicaciones, taxonomías, etc.)
  • Todos los datos de una base de datos MySQL externa

Cuando elige la base de datos de su sitio de WordPress, wpDataTables le brinda este generador de consultas realmente útil que le permitirá revisar sus diferentes tipos de publicaciones y crear un filtro específico:

De manera similar, puede usar wpDataTables para generar consultas a una base de datos externa usando la misma interfaz visual.

Sincronizar con una fuente externa

Otra buena opción es sincronizar con una fuente externa. Con este método, el complemento actualiza automáticamente la tabla cada vez que se recarga la página (o cada vez que se borra la caché cuando a. utilizar Complemento de almacenamiento en caché).

Aquí puede elegir entre varias fuentes:

  • Consulta SQL
  • Archivo CSV
  • archivo Excel
  • Hoja de cálculo de Google
  • Archivo XML
  • Archivo JSON
  • Matriz PHP serializada

Creación manual de tablas

Después de todo, siempre puede crear una tabla desde cero en cualquier momento. Si sigue esta ruta, primero configure las columnas que se utilizarán y los tipos de datos asociados:

Datos tabulados

Luego puede ingresar sus datos usando el editor similar a Excel o el editor estándar.

Precios de wpDataTables: Versión gratuita limitada o $ 45

Existe una versión restringida de wpDataTables en WordPress.org. Aparte de eso, no mencioné esta versión ya que en realidad es limitada. Solo un par de cosas que extrañarás son:

  • Modo de reacción
  • Edición similar a Excel y edición front-end
  • Asistente de constructor de tablas

Y sí, también está limitado a 150 líneas.

Debido a esto, realmente no recomendaría la versión gratuita.

Se ve diferente con la versión Pro. Usted obtiene mucho más funcionalidad por solo $ 45, lo cual es bastante justo en mi opinión.

Reflexiones finales sobre wpDataTables

Después de usar muchos de los complementos de tablas de WordPress, estoy bastante seguro de que wpDataTables es definitivamente una de las mejores soluciones que existen.

La forma de importar los datos de su tabla es flexible. Y la interfaz de usuario hace que un proceso potencialmente complicado sea sorprendentemente simple.

Además, puede editar fácilmente sus tablas gracias a los dos editores diferentes. Y tiene mucho control sobre todas sus tablas o columnas individuales en las diversas áreas de configuración.

Finalmente, poder crear gráficos desde el mismo complemento es útil y la funcionalidad de gráficos es realmente fácil de usar.

Si está listo para pagar por la versión Pro, esta es definitivamente la que debe considerar. Y si desea ver otras opciones para trabajar con tablas en WordPress, consulte nuestro tutorial de TablePress.

Obtener wpDataTables

¡Si te ha gustado no dudes en compartirlo!

Deja un comentario

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad