Widget de tabla Elementor gratuito
Elementor no tiene widget de mesa propio, en la versión gratuita o pro. La tabla dinámica es un widget de complementos maestros gratuito que llena ese vacío: agrega celdas de encabezado y celdas del cuerpo en el panel Elementor, y crea una tabla HTML real que puede diseñar sin código. Las celdas pueden contener texto, un icono o una imagen, fusionarse entre columnas o filas y extraer valores de etiquetas dinámicas. A menudo se usa para horarios, hojas de especificaciones, listas de precios y directorios. Piense en ello como una tabla de datos simple para las filas que ingresa a mano. No ordena, busca ni importa archivos.
Construya filas y columnas en el panel
La tabla proviene de dos repetidores. Celda de encabezado de tabla contiene un artículo por columna y Celda corporal de mesa mantiene cada celda en orden de lectura, con a ¿Nueva fila? interruptor que inicia la siguiente fila. Puede arrastrar elementos para reordenarlos, duplicar una celda u ocultar la fila del encabezado con Cabezal de mesa cambiar.
- Celduri fuse: Columna Span en las células del cuerpo y del encabezado, y Fila Span en las células del cuerpo.
- Ancho de columna: active Ancho personalizado en la pestaña Opciones de una celda para establecer su ancho.
- Opciones de texto por celda: alineación (izquierda, centro, derecha o justifica) y decoración (subrayado, overline o line a través).
Estilismo de cabecera y cuerpo
Estilo de encabezado de tabla establece el fondo del encabezado (azul marino oscuro de forma predeterminada), el color del texto, el tamaño y el color del icono, la alineación, la tipografía y el relleno interno de la celda. Cuerpo de mesa tiene los mismos controles para las celdas de datos, además de relleno alrededor de los íconos.
- Encabezado: fondo, colores de texto e íconos, tamaño de íconos, alineación, tipografía y relleno de celdas.
- Cuerpo: fondo, colores de texto e íconos, tamaño y relleno de íconos, alineación, tipografía y relleno de celdas.
- Alineación por dispositivo: la alineación del encabezado y el cuerpo puede cambiar en tabletas y dispositivos móviles.
Texto, iconos, imágenes y etiquetas dinámicas en celdas
Cada encabezado y célula corporal tiene un Tipo opción: Ninguno, Icono o Imagen. Los iconos provienen de la biblioteca de iconos de Elementor y las imágenes obtienen un tamaño de imagen en píxeles. Los campos de texto aceptan etiquetas dinámicas, incluidas las gratuitas Etiquetas dinámicas extensión, para que una celda pueda mostrar el título de una publicación, un campo personalizado o detalles del autor. Cada etiqueta llena una celda. El widget no recorre publicaciones para crear filas para usted.
- Iconuri ca marcări de verificare: utilice un icono de marca o cruz en comparaciones de planes o funciones.
- Imágenes pequeñas: agregue una foto o un logotipo junto a un nombre, dimensionado en píxeles.
- Etiquetas dinámicas: extraiga valores únicos, como el título de la publicación o un campo personalizado.
Estilo global: rayas, fronteras y esquinas
Estilo global se aplica a toda la mesa. ¿mesa a rayas? está activado de forma predeterminada con un color de franja gris claro (#eee) que puedes cambiar. También configuras una tabla Color de fondo, Acolchado de celda interior, un borde con tipo, ancho y color, y Radio de borde para esquinas redondeadas.
- Filas de cebra: siga haciendo rayas durante las mesas largas para que las filas sean fáciles de seguir.
- Fronteras: líneas sólidas, discontinuas, punteadas o dobles alrededor de las celdas.
- Esquinas redondeadas: Border Radius suaviza el borde de la mesa.
Tabla receptiva en el móvil
¿mesa responsiva? Se sienta en la sección de configuración y está activado de forma predeterminada. En dispositivos de hasta 768 px de ancho, la fila de encabezado está oculta, cada fila se convierte en una tarjeta y cada celda muestra su nombre de columna como etiqueta. Un cronograma de cinco columnas se convierte en una lista de tarjetas que se desplaza hacia abajo, por lo que nadie tiene que desplazarse hacia los lados.
- Tarjetas apiladas: Una tarjeta por fila, con el nombre de la columna a la izquierda y el valor de la derecha.
- Alineación por dispositivo: La alineación del encabezado y del cuerpo tiene sus propios valores de tableta y móvil.
- Apagar: La mesa mantiene su cuadrícula en los teléfonos. Luego, las tablas anchas pasan por el borde de la pantalla, así que manténlas en tres o cuatro columnas.
Código de tabla HTML frente al widget de tabla dinámica
Sin un widget de tabla, la forma habitual de agregar una tabla en Elementor es escribir el HTML usted mismo en un widget HTML. Así es como se compara con el widget.
| Característica | Widget HTML con tu propio código | Tabla dinámica de complementos maestros |
|---|---|---|
| Precio | Gratis (núcleo de Elementor) | Gratis |
| Construyendo filas y columnas | Escribe etiquetas de tabla, tr y td | Elementos repetidores en el panel |
| Estilismo | Tu propio CSS | Controles de pestaña de estilo |
| Células fusionadas | atributos de colspan y rowspan | Campos de tramo de columna y tramo de fila |
| Iconos e imágenes en celdas | Pegue el marcado | Biblioteca de iconos o biblioteca multimedia |
| Etiquetas dinámicas | prohibido | Sí, un valor por celda |
| Diseño del teléfono | Tus propias consultas de medios | Las filas se apilan en cartas |
| Clasificación, búsqueda, importación CSV | Necesita un script o complemento | prohibido |
Si necesita ordenar, buscar, paginar o importar CSV, un complemento de tabla dedicado como TablePress es la mejor opción. Para una tabla con estilo que edita dentro de Elementor, el widget le permite escribir HTML y CSS.
Relacionado: Tabla de precios (gratis), Tabla comparativa (Pro) y Etiquetas dinámicas (gratis).
Lo que este widget de tabla de datos de Elementor puede y no puede hacer
La tabla dinámica es una tabla de datos para las filas que escribe. Esto es lo que hace y dónde se detiene.
| Característica | Tabla dinámica |
|---|---|
| Filas y columnas ingresadas en el panel | Sí |
| Celdas combinadas (span de columna y tramo de fila) | Sí |
| Iconos e imágenes en celdas | Sí |
| Etiquetas dinámicas | Sí, un valor por celda |
| Filas rayadas | Sí |
| Ancho de columna personalizado | Sí |
| Apilamiento móvil | Sí, a 768 px y menos |
| clasificación | prohibido |
| Buscar | prohibido |
| Paginación | prohibido |
| Importación CSV o Excel | prohibido |
¿Qué herramienta de mesa necesitas?
Tabla significa varias cosas diferentes en las búsquedas de elementos. Elige la herramienta por lo que estás construyendo.
| lo que estás construyendo | mejor herramienta |
|---|---|
| Una tabla simple como un cronograma, una hoja de especificaciones, una lista de precios o un horario | Tabla dinámica |
| Grandes datos que necesitan clasificación, búsqueda, paginación o importación CSV | TablePress, colocado con el widget de código corto de Elementor |
| Planos y precios uno al lado del otro | Tabla de precios |
| una comparación de características entre planes o productos | Tabla comparativa (Pro) |
| Horario de apertura | Horario comercial |
Relacionado: Acordeón avanzado para respuestas largas que no caben en una celda, y Etiquetas dinámicas para llenar celdas a partir de datos de correos.
Ejemplos de tablas de elementos
Las tres tablas siguientes son widgets de tabla dinámica en vivo, no capturas de pantalla. Abra esta página en un teléfono para ver cada una pila en tarjetas. Más diseños, incluido un menú de restaurante y una comparación de planes, están en el visor de demostración debajo de ellos.
Horario de clase
Un horario semanal con cinco columnas. En un teléfono, cada clase se convierte en su propia tarjeta.
| Tiempo | Clase | profesor | Estudio | Espacios |
|---|---|---|---|---|
| Lun 07:00 | Flujo Vinyasa | Alina Petrova | Estudio 1 | Quedan 4 |
| Lun 18:30 | Fuerza y acondicionamiento | dan osei | Piso de gimnasio | Completo |
| Martes 09:30 | Reformador de Pilates | Marta Silva | Estudio 2 | Quedan 2 |
| Miércoles 12:15 | Expreso HIIT | dan osei | Piso de gimnasio | Quedan 9 |
| Jueves 19:00 | Yin y restaurar | Alina Petrova | Estudio 1 | 11 izquierda |
| Sábado 10:00 | Barra para principiantes | yara haddad | Estudio 2 | 6 izquierda |
Requisitos del sistema
Tres columnas que comparan valores mínimos y recomendados, la forma habitual de una hoja de especificaciones.
| Componente | Mínimo | Recomendado |
|---|---|---|
| wordpress | 6.0 | 6.6 o posterior |
| feb | 7.4 | 8.2 |
| elemento | 3.16 | 4.2 sau mai nou |
| MiSQL / MariaDB | 5,7 / 10,3 | 8,0 / 10,6 |
| Límite de memoria PHP | 128 Mb | 256 MB |
| max_input_vars | 1000 | 3000 |
| https://es | Opcional | Requerido para verificaciones de licencias |
tarifas de envío
Una lista de precios por destino y servicio, con rayas apagadas y un encabezado ligero.
| Destino | Servicio | Tiempo de entrega | Gratis sobre | Costo |
|---|---|---|---|---|
| Reino Unido continental | Royal Mail rastreado 48 | 2 '-3 días laborables | 40€ | 3,95€ |
| Reino Unido continental | DPD al día siguiente | Al día siguiente | 120 £ | £6,95 |
| Tierras Altas e Islas | Royal Mail rastreado 48 | 3 «5 días laborables | 60 £ | £7,50 |
| República de Irlanda | DPD Irlanda | 2 « 4 días laborables | 150 £ | £11,00 |
| UE | DHL Europa | 3 «6 días laborables | — | 14,50 £ |
| resto del mundo | DHL expreso | 5 «10 días laborables | — | £24,00 |
Cómo hacer una mesa en Elementor
En el panel Elementor, el widget se llama Tabla dinámica.
- Instale complementos maestros para Elementor y compruébelo Tabla dinámica está activado en la configuración del widget Master Addons.
- Edita tu página con Elementor, busca Tabla dinámica y arrástrelo hacia adentro. Comienza con una tabla de muestra de cuatro columnas.
- En Cabezal de mesa, agrega uno Celda de encabezado de tabla por columna y escriba cada una Nombre de la columna.
- En Cuerpo de mesa, agregue un elemento por celda de izquierda a derecha. Encender ¿Nueva fila? en la primera celda de cada fila después de la primera.
- Usar Columna de luz o Lapso de fila en la pestaña Opciones de una celda para fusionar celdas.
- Pegue la tabla en la pestaña Estilo y déjela ¿mesa responsiva? entonces las filas se apilan en los teléfonos y luego actualizan la página.
Preguntas frecuentes para la tabla dinámica
¿hay un widget de tabla en Elementor?
No en Elementor, gratis o Pro. Master Addons agrega uno gratis: el widget Dynamic Table construye la tabla a partir del encabezado y las celdas del cuerpo en el panel.
¿La mesa responde en dispositivos móviles?
Sí, ¿con tabla responsiva? activado, que es el valor predeterminado. En dispositivos de hasta 768 px de ancho, cada fila se acumula en una tarjeta y cada celda muestra el nombre de su columna como una etiqueta. Apáguelo para mantener el diseño normal de la tabla en los teléfonos.
¿Puedo utilizar datos dinámicos en las celdas?
Sí, un valor por celda. El encabezado y el cuerpo del texto aceptan etiquetas dinámicas, incluidos los complementos maestros gratuitos. Etiquetas dinámicas como título de la publicación, campo personalizado e información del autor. El widget no crea una fila para cada publicación, por lo que cada fila aún se construye a mano.
¿Elementor Pro tiene un widget de mesa?
prohibido Elementor Pro añade un widget de tabla de precios para los planes, pero ni el plugin principal ni el Pro tienen un widget para filas y columnas de datos. Necesita un widget de complemento como una tabla dinámica, un complemento de tabla o su propio html.
¿Puedo hacer una tabla en Elementor sin un complemento?
Sí. Pegue HTML de la tabla en el widget HTML y déle un estilo con su propio CSS, o diseñe las filas con un contenedor de cuadrícula. Ambos funcionan para mesas pequeñas, aunque cada cambio significa editar código o muchos widgets separados.
¿Qué pasa si agrego texto muy largo en una celda?
El texto se envuelve dentro de la celda. Active el ancho personalizado en la pestaña Opciones de la celda para fijar el ancho de la columna y aumente el relleno interno de la celda si las filas se sienten estrechas.
¿Puedo resaltar una columna, como un plan popular?
No con una sola configuración. Los colores se aplican a todo el encabezado o a todo el cuerpo. Para tablas de planos, el Tabla de precios el widget (gratis) tiene una opción Resaltar y Tabla comparativa widget (Pro) está diseñado para comparaciones de planes.
¿puedo ordenar, buscar o importar un CSV a la tabla?
No. El widget no tiene clasificación, búsqueda, paginación ni importación CSV. Para ellos, utilice un complemento de tabla de datos como TablePress y coloque su código corto en la página.
¿Puedo usar tablepress dentro de Elementor?
Sí. Construya la tabla en TablePress, copie su código corto, por ejemplo [ TABLE ID=1 /] y péguelo en el widget de código corto de Elementor. Esa ruta se adapta a mesas largas que necesitan clasificación, búsqueda o paginación.
¿Puedo pegar una tabla de Excel o de Google Sheets?
prohibido . Cada celda es un elemento separado en el panel, por lo que un bloque pegado aterriza en una celda. Introduzca las celdas una a la vez o importe el archivo a TablePress, que lee archivos CSV y Excel.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
![Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de publicaciones/páginas
