Cree tablas atractivas con una variedad de opciones de tablas de datos
Publicado: 2016-04-12Las tablas son un componente de contenido bastante común de cualquier sitio web. Pero a veces son difíciles de construir. Data Table Generator de Supsystic es una manera fácil de crear su tabla de datos inolvidable con muchas opciones sin ninguna habilidad de programación y simplemente coloque el código abreviado en su publicación o página de WordPress. El complemento de tabla de datos tiene una impresionante gama de características, y estamos seguros de que cada uno de ustedes las encontrará útiles para sus necesidades. Ahora hablemos de los más valiosos de ellos.
Si su tabla consta de una gran cantidad de datos, definitivamente querrá usar la paginación , la clasificación e incluso la búsqueda para la comodidad de los usuarios de su sitio web. Les dará la oportunidad de pasar las páginas de una tabla, ordenar los datos en orden ascendente o descendente. Y cuando no tienen mucho tiempo para revisar toda su tabla, simplemente pueden ingresar la información necesaria en el campo de búsqueda y encontrarla rápidamente. ¿No es genial? Estas características pueden ahorrar mucho tiempo. Y sabemos que el tiempo es dinero en nuestro mundo moderno.
También puede permitir que los usuarios guarden su tabla o incluso la impriman. Simplemente busque la función Exportación de frontend y elija los formatos (CSV, Excel, PDF, Imprimir). Los usuarios de su sitio web verán los botones correspondientes cerca de la tabla y podrán descargarlo en estos formatos o imprimirlo. Además, al PDF o la impresión, puede agregar el logotipo de su empresa, lo cual es muy útil porque representa su negocio e involuntariamente será memorizado por los clientes. Intente descargar el PDF o imprima la siguiente tabla y verifique el logotipo.
La otra opción que vale la pena mencionar es la importación de archivos como SCV, XLS, XLSX y hojas de cálculo de Google. Ahora no necesita perder el tiempo creando una tabla en el complemento Tabla de datos, si ya tiene una lista en su computadora. Simplemente puede importarlo al complemento de WordPress y simplemente pegar el código abreviado en un sitio web. Del mismo modo, puede exportar una tabla desde Data Table Plugin a su computadora usando los formatos apropiados (CSV, Excel, PDF).
Además, si supone que su sitio se verá desde diferentes dispositivos, entonces le interesará la función de modo de respuesta . Data Table Generator puede ofrecerle los siguientes modos de respuesta: estándar, ocultación automática de columnas, desplazamiento horizontal o puede desactivar la capacidad de respuesta, si no la necesita. El modo de respuesta estándar sitúa las columnas una debajo de la otra con una celda por fila, si el contenido de la tabla no encaja. La ocultación automática de columnas colapsa las columnas de derecha a izquierda. El desplazamiento horizontal agrega una barra de desplazamiento cuando la tabla desborda el ancho de un contenedor principal. Si deshabilita la capacidad de respuesta, una tabla tendrá un diseño predeterminado. Puede cambiar el tamaño de la página web para ver diferentes modos de respuesta en acción en las siguientes tablas:
Primer nombre | Apellido | Ciudad | Calle | Código postal | Correo electrónico | fecha de nacimiento |
---|---|---|---|---|---|---|
Eldon | Roob | Spinkalandia | fuerte jaydon | 86743 | [email protected] | 17.01.1991 |
Hoyt | Col | stewartview | Islas Steuber | 04689 | [email protected] | 14.08.1989 |
annie | Minero | vista de Wilton | Homenick vados | 76947-8004 | [email protected] | 30.10.1990 |
Primer nombre | Apellido | Ciudad | Calle | Código postal | Correo electrónico | fecha de nacimiento |
Lechuga romana | Denesik | Francoshire oriental | Vista de Odell | 92164-3876 | [email protected] | 26.08.1984 |
Darren | Johnson | Rohanmouth | Finca Carlota | 51692 | [email protected] | 26.03.1995 |
Bradly | Howell | Terence del Norte | lagos doris | 06511-9359 | [email protected] | 26.02.1993 |
Junto con las características mencionadas anteriormente, el complemento de la tabla de datos permite insertar una imagen , un enlace o un comentario en la celda elegida. En la siguiente tabla, puede ver los comentarios en la columna "Qué", simplemente desplace el mouse sobre su contenido.
FOTO | QUÉ | OMS | CUANDO | DÓNDE | POR QUÉ |
![]() | Escalada de roca | Normalmente solo, pero a veces con amigos. | Lunes, Miércoles y Viernes de 4:00 a 5:00pm | Gimnasio de escalada en roca Pacific Edge | Escalar ayuda con la resistencia cardiovascular, la fuerza y resistencia muscular, la flexibilidad y mejora o mantiene la fuerza ósea. |
![]() | Paseando a mi perro | solo yo y mi perro | sábado y domingo, cuando estoy libre | en el acantilado oeste | Caminar mejora la resistencia cardiovascular y la fortaleza ósea |
![]() | Trabajando | Por mi mismo | Lunes, Miércoles y Viernes de 5:00 a 5:30pm | En el gimnasio de escalada Pacific Edge Rock | Hacer ejercicio ayuda con la fuerza muscular y la resistencia. |
También puede establecer el formato de una fila. Puede ser muy útil cuando se trabaja con moneda, fecha o porcentajes. Además, puede establecer campos editables en su tabla. Esta característica viene a ayudar cuando usa fórmulas. Por ejemplo, su negocio está relacionado con la renovación y muestra los precios de sus servicios en una tabla. Si configura el campo editable, un futuro cliente puede ingresar el tamaño del área de su casa y el precio se calculará para él. Creemos que es muy útil, ¿y tú? Pruebe esta opción en la siguiente tabla de WordPress (columna "Pies cuadrados").

Artículo | Costo por pie cuadrado | Pies cuadrados | Total |
Lijar y terminar pisos de madera | 2.5 | 0 | |
Instalar piso de cerámica | dieciséis | 0 | |
Instalar piso de baldosas de vinilo | 4 | 0 | |
Instalar moqueta de pared a pared | 8 | 0 | |
Total parcial: | Total parcial: | 0 |
Para visualizar tu tabla puedes agregar Google Charts . Data Table Generator de Supsystic permite crear rápida y fácilmente diferentes tipos de diagramas y gráficos. Puede leer más sobre eso en Tabla de datos con Google Charts
¡Una gran noticia! Puede usar el editor CSS para crear un estilo inolvidable para sus tablas. Con esta característica puede editar las tablas de diferentes maneras. Incluso si tiene poco conocimiento en CSS y otras habilidades de programación, aún puede hacerlo, ya que no es tan complicado. Consulte la siguiente tabla con sombras y esquinas redondeadas, realizada con la ayuda del editor CSS.
Nombre | Posición | Oficina | Salario |
---|---|---|---|
Airi Satou | Contador | tokio | $ 162,700 |
Angélica Ramos | Director Ejecutivo (CEO) | Londres | $1,200,000 |
Ashton Cox | Autor Técnico Junior | Nueva York | $86,000 |
bradley greer | Ingeniero de software | Londres | $132,000 |
Como puede ver, Data Table de Supsystic es una ayuda perfecta en la creación de una gran variedad de tablas. Le permite procesar y administrar tablas de datos compatibles con SEO de forma rápida y sencilla. El complemento de tablas de datos para WordPress puede estructurar la información y se puede ajustar para cada necesidad. Hay muchas formas de personalización funcional y visual de las tablas, que mejoran el diseño del sitio y permiten modificarlo para adaptarse a cualquier persona o tarea diferente.
Obtenga más información sobre el generador de tablas de datos de WordPress de Sypsystic.