Widget de tabla Elementor gratuito
Elementor no tiene ningún widget de tabla propio, ni en la versión gratuita ni en la versión Pro. Dynamic Table es un widget de complementos maestros gratuito que llena ese vacío: agrega celdas de encabezado y celdas de cuerpo en el panel Elementor y crea una tabla HTML real que puede diseñar sin código. Las celdas pueden contener texto, un ícono o una imagen, fusionarse entre columnas o filas y extraer valores de etiquetas dinámicas. A menudo se utiliza para cronogramas, hojas de especificaciones, listas de precios y directorios.
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.
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 | No | 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 | No |
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).
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.
¿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.
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
