Widget Tabla

El widget de Tabla le permite mostrar datos de texto en una disposición de tabla con filas y columnas. Se puede agregar contenido a la tabla copiando y pegando una tabla existente con el editor, o cargando un CSV.

Nota
  • Puede cargar un CSV exportado y copiado de Hojas de cálculo de Google o Excel (solo lenguajes que no sean RTL).
  • La tabla puede incluir solo texto y enlaces. Use filas o columnas o widgets de lista para crear una tabla con imágenes, botones u otros widgets.
  • En la versión 17 de Edge, no se puede abrir el editor de Tabla. Sin embargo, funciona de forma correcta en Edge 18.
Nota

Para agregar el widget:

  1. En el panel izquierdo, haga clic en Widgets.
  2. Haga clic y arrastre el widget de Tabla a su sitio.

Para obtener más información sobre cómo agregar widgets a su sitio, consulte Agregar widgets.

Editor de contenido

Puede agregar datos a su tabla de tres maneras:

  1. Escribiendo en el editor.
  2. Copiando y pegando una tabla existente.
  3. Cargando un CSV.

Use Borrar todo para borrar todos los datos de su tabla.

Editor de diseño

  • Con el editor de diseño, puede personalizar el borde de la tabla, la barra de título, el color de fondo y el estilo del texto para el encabezado, las filas y la primera columna. También puede personalizar la dirección y la alineación del texto para toda la tabla, pero no para celdas individuales.
  • La primera columna se puede personalizar para que tenga su propio color de fondo, tipografía, tamaño y color de fuente.
  • Se pueden personalizar los colores de las filas pares e impares para facilitar la lectura de los datos.
  • Se puede establecer el ancho de la columna como igual al ancho del título o en función de este, en cuyo caso las columnas pueden no ser iguales.

En un dispositivo móvil, puede seleccionar una de las siguientes presentaciones:

  • Comprimir. Es la mejor opción si tiene 2 a 3 columnas; su contenido se adapta al ancho de la pantalla.
  • Desplazarse. Es la mejor opción si tiene muchas columnas. También puede cambiar el tamaño del widget y mostrar un desplazamiento vertical si su tabla es muy larga.
  • Contraer. Otra forma detallada de presentar los datos. Se recomienda no elegir este diseño si tiene demasiadas filas.

Ejemplos

Ingredientes para alimentos:

Lista de contactos:

Tabla de precios:

Tabla de sabores:

Agregar datos conectados

Puede mostrar los datos de una colección en un widget de tabla. El widget de tabla puede conectar cualquier tipo de colección: interna, externa, de Google Sheets, de Airtable o imágenes. Usar las tablas conectadas le permite crear sitios de manera más rápida cuando usa plantillas conectadas. También puede editar datos directamente en Google Sheets o en Airtable, en lugar de usar el editor de contenido del widget de tabla.

Si hay una página dinámica que está conectada a la misma colección que la tabla, la página dinámica se vinculará a la tabla automáticamente. Hacer clic en la imagen lo lleva al elemento de la página dinámica.

Las tablas conectadas admiten los siguientes tipos de campos:

  • Texto enriquecido

  • Texto sin formato

  • Imagen

  • Enlace

  • Número

  • Fecha y hora

  • Correo electrónico

  • Multiselección

  • Teléfono

Conectar el widget de tabla

Para conectar un widget de tabla a una colección:

  1. Haga clic con el botón derecho en el widget de tabla.

  2. En el menú contextual, haga clic en Conectar con datos.

  3. Seleccione una colección desde el menú desplegable.

  4. Seleccione los campos necesario desde el menú desplegable Campos para mostrar. Las columnas se ordenarán en el mismo orden en que fueron seleccionadas.

  5. Haga clic en Listo.

Una vez que se haya conectado correctamente a los datos que están en la  Biblioteca de contenido, su widget de tabla se marcará con un icono azul de Datos conectados ().