Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

Tablas en el editor avanzado WYSIWYG

Prev Next

Planes que admiten esta función: Professional Business Enterprise

Las tablas son una herramienta esencial para organizar y presentar datos en un formato claro y estructurado. Ya sea que compares características, opciones de listado o resumes información, las tablas mejoran la legibilidad del contenido y facilitan la comprensión de datos complejos.

El editor avanzado WYSIWYG ofrece una gama de potentes funciones de formato y gestión de tablas diseñadas para ayudarte a crear tablas visualmente atractivas y funcionales fácilmente. Desde añadir filas y columnas hasta personalizar los colores de las celdas e implementar estilos avanzados de tablas, estas funciones te ayudan a crear tablas que se adapten a tus necesidades específicas.

En este artículo, exploraremos las diversas herramientas relacionadas con tablas disponibles en el editor avanzado WYSIWYG, proporcionándote los pasos para crear, formatear y gestionar tablas.


Creación de una tabla

Existen dos métodos para crear una tabla:

Método 1: Usar el menú de inserción rápida

Método 2: Usar el comando Corte /

Para crear una tabla en el editor avanzado WYSIWYG usando el menú de inserción rápida :

  1. Navega al artículo deseado en el editor avanzado WYSIWYG.

    El menú de inserción rápida aparecerá solo cuando el bloque esté vacío.

  2. Haz clic en el icono de Tabla () en el menú de inserción rápida .

    Se insertará una tabla de 3x3 en la ubicación del cursor de texto.

NOTA

  • El menú de inserción rápida desaparecerá automáticamente en cuanto empieces a escribir en el bloque de contenido.

  • Si limpias el contenido de un bloque, el menú de inserción rápida reaparecerá.

Para crear una tabla en el editor avanzado WYSIWYG usando el comando Barra :

  1. Navega al artículo deseado en el editor avanzado WYSIWYG.

  2. Escribe el comando /table de cortar y pulsa Enter.

    Se insertará una tabla de 3x3 en la ubicación del cursor de texto.

NOTA

Insertar una tabla usando el comando /table barra siempre insertará por defecto una tabla 3X3 con una fila de cabecera. Puedes insertar más filas y columnas según lo requieras.

Inserting tables using slash menu in the Advanced WYSIWYG editor.

NOTA

  • Si una tabla contiene más datos horizontalmente, aparecerán sombras izquierda y derecha para indicar desbordamiento en el portal y sitio de la base de conocimiento. Estas sombras permanecen visibles hasta que desplaces hasta la primera o última columna.

  • Al exportar el artículo como PDF, la tabla se ajustará para ajustarse al diseño del documento, asegurando que todas las columnas sean visibles en el archivo descargado.


Disposición de la tabla de edición

Insertar una fila o columna

un. Para insertar una fila:

  1. Haz clic en una celda.

  2. Haz clic en el icono "+" para insertar una nueva fila debajo de la fila seleccionada. O,

  3. Haz clic en el menú de acción de fila (), y selecciona Insertar fila arriba o Insertar fila abajo, según tu necesidad. No se puede añadir una nueva fila por encima de la primera fila de la tabla.

b. Para insertar una columna:

  1. Haz clic en una celda.

  2. Haz clic en el icono "+" para insertar una nueva columna junto a la columna seleccionada. O,

  3. Haz clic en el menú de acciones de la columna (), y selecciona Insertar columna izquierda o Insertar columna a la derecha, según tu necesidad.

Eliminar una fila o columna

  1. Para eliminar una fila, haz clic en el menú de acciones y luego en Eliminar fila.

  2. Para eliminar una columna, haz clic en el menú de acciones y luego en Eliminar columna.

Image showing the row and column functionalities of a table


Acciones rápidas de celda

Para hacer cambios rápidos en una sola celda,

  1. Pasa el cursor sobre una celda para encontrar el icono de opciones de celda ().

  2. Haz clic para encontrar las opciones para configurar:

    1. Color de fondo de la celda - haz clic para establecer un color de fondo para la celda seleccionada

    2. Color del borde de la celda : haz clic para establecer el color del borde de la celda seleccionada

    3. Alineación vertical - haz clic para alinear el contenido de la celda a Arriba, Medio o Abajo

    4. Alineación horizontal : haz clic para alinear el contenido de la celda a Izquierda, Centro, Derecha o Justificar

    Image showing quick cell options for a single cell in the Advanced WYSIWYG editor

NOTA

Selección de texto dentro de celdas

Puedes seleccionar texto con precisión dentro de las celdas de la tabla.

  • Haz doble clic dentro de una celda para seleccionar una palabra

  • Haz triple clic para seleccionar todo el contenido dentro de una celda.


Personalización de la apariencia de la tabla

Cambio de color de fondo

Para cambiar el color de fondo de la(s) celda(s) de la tabla(s):

  1. Selecciona una o más celdas.

  2. En el menú que aparece, haz clic en Color de fondo.

  3. Selecciona el color deseado de la paleta de colores mostrada.

Image showing the option to set table background color for a row or a column

CONSEJO PROFESIONAL

Una vez que hagas actualizaciones al color de fondo en las tablas, revisa la vista previa del artículo en modo oscuro para comprobar la visibilidad de la tabla.


Cambio del color del borde

Para cambiar el color del borde de las celdas de la tabla:

  1. Selecciona una o más celdas.

  2. En el menú que aparece, haz clic en Color del Borde.

  3. Selecciona el color deseado de la paleta de colores mostrada.  

Image showing the option to change the border color of a table

Estilo de borde

Para cambiar el estilo del borde, selecciona toda la tabla.

  1. En el menú que aparece, haz clic en la opción de estilo Borde.

  2. Elige tu estilo de borde preferido: Liso, Discontinuo, Punteado o  Sin borde.

NOTA:

La opción de No tener borde se aplica solo cuando se selecciona toda la tabla usando el mango de selección de bloques de la mesa. No estará disponible al seleccionar celdas individuales.

A table displaying names, places, and border style options for table formatting.


Alineación de celdas

Para alinear el texto dentro de una celda, selecciona una o más celdas y selecciona la opción de alineación que aparece en el menú. Hay dos opciones de alineación disponibles: alineación vertical y alineación horizontal.

Alineación vertical

Si seleccionas la opción Alinear verticalmente (), puedes alinear el texto con la parte superior, central o inferior de la celda.

Image showing vertical align options for table cells

Alineación horizontal

Si seleccionas la opción Alineación Horizontal (), hay cuatro opciones disponibles: Izquierda, Centro, Derecha y Justificar. Si seleccionas Izquierda, Centro o Derecha, el texto se alineará en consecuencia. Si seleccionas Justificar, el texto estará alineado a la izquierda, mientras que el texto estará equidistante para cubrir todo el ancho de la celda.

Image showing horizontal align options for table cells


Fusión de celdas en una tabla

Para fusionar varias celdas en una tabla:

  1. Selecciona varias celdas en la tabla.

  2. En el menú que aparece, haz clic en el icono de Fusionar celdas ().

    Las celdas seleccionadas se combinarán en una sola celda.

Image showing the option to merge cells


Ajuste de la tabla al ancho de página

Para ajustar una tabla al ancho de página, selecciona la tabla. En el menú que aparece al seleccionar la tabla, haz clic en la opción Ajustar al ancho de página . Esto ajustará automáticamente la tabla para cubrir todo el ancho de la página, asegurando que el contenido dentro de la tabla se distribuya de manera uniforme en el espacio disponible.

Image showing the option to fit the table to page width

NOTA

Puedes ajustar manualmente el ancho de las columnas de la tabla colocando el cursor entre dos columnas hasta que aparezca el cursor de redimensionamiento, y luego arrastrando para establecer el ancho deseado. Esto te permite controlar el diseño de la columna en lugar de ajustar automáticamente la tabla al ancho de página.


Filas de cabecera

La fila superior es una fila de cabecera por defecto cuando insertas una tabla en el editor avanzado WYSIWYG. La fila de cabecera está indicada con un fondo gris.

Draft document titled 'The Importance of Style Guides in Technical Documentation' with empty sections.

  • Si quieres ocultar la fila de cabecera, selecciona toda la tabla y haz clic en la opción Ocultar cabecera de tabla .

    image showing the option to hide table header

  • Si has ocultado la fila de cabecera y quieres mostrarla de nuevo, selecciona toda la tabla y haz clic en la opción Mostrar cabecera de tabla .

    Image showing the option to show table header


Estilo de fila alternativo

Para personalizar aún más tus tablas, puedes elegir tener filas con bandas. Si implementas esta opción, el color de tus filas alternará entre blanco y gris claro.

Image showing a table with alternate row styles

  1. Para implementar esta personalización, selecciona toda la tabla.

  2. En el menú que aparece, haz clic en la opción Estilo de fila alterna .

    Image showing the option to set alternate row styles to a table

CONSEJO PROFESIONAL

Puedes personalizar aún más tus tablas usando fragmentos de código CSS. Para saber más, visita el artículo sobre Estilo de Mesa .


Preguntas más frecuentes

¿Cómo copio toda la mesa?

Para copiar la tabla, selecciona toda la tabla y haz clic en la opción Copiar que aparece en el menú.

¿Cómo borro toda la tabla?

Para eliminar una tabla: Selecciona la tabla haciendo clic en la esquina superior izquierda. Luego, elige Borrar en el menú que aparece.

¿Cómo copio una fila o columna entera de una tabla en el editor avanzado WYSIWYG?

Puedes copiar y pegar fácilmente filas o columnas enteras en el editor avanzado WYSIWYG usando atajos de teclado y el menú de acciones de tabla.

Para copiar una fila:

  1. Ve a la tabla y selecciona la fila deseada.

  2. Pasa el cursor por el borde izquierdo de la fila para revelar el menú de acciones de fila ().

  3. Pulsa Ctrl + C para copiar la fila seleccionada.

  4. Navega hasta la fila donde quieres pegarla.

  5. Haz clic en la fila objetivo para mostrar el menú de acción de la fila (), luego haz clic en el menú y:

    • Pulsa Ctrl + P para pegar con el formato.

    • Pulsa Ctrl + Shift + P para pegar sin formatear.

Para copiar una columna:

  1. Selecciona la columna deseada en la tabla.

  2. Pasa el cursor sobre la celda superior de la columna para revelar el menú de acciones de columna ().

  3. Pulsa Ctrl + C para copiar la columna.

  4. Haz clic en la columna objetivo para mostrar el menú de acciones de la columna (), luego haz clic en el menú y:

    • Pulsa Ctrl + P para pegar con el formato.

    • Pulsa Ctrl + Shift + P para pegar sin formatear.

¿Puedo usar el número automático en una tabla?

Aunque las listas numeradas son posibles dentro de una celda, no se puede aplicar un número automático para las filas de una tabla.

¿Puedo añadir símbolos o iconos a una tabla?

Sí, puedes añadir símbolos e iconos en una tabla. Puedes usar símbolos/iconos integrados directamente desde el menú de Formato. Se pueden añadir símbolos e iconos de fuentes externas usando HTML. Para añadir símbolos/iconos en HTML,

  1. Cambia a la vista de código dentro del editor.

  2. Coloca el cursor de texto en la ubicación deseada.

  3. Pega el código HTML para el símbolo/icono requerido.

Ahora, el símbolo/icono debería ser visible dentro de la tabla de edición.

¿Funcionarán los comandos de barra dentro de una tabla?

Sí, todos los comandos de barra funcionarán dentro de una tabla.

¿Puedo pegar tablas desde Microsoft Word o Excel?

Document360 soporta pegar tablas de Microsoft Word y la aplicación web de Microsoft Excel directamente en el editor, manteniendo su estructura.

Actualmente, no se soporta la adhesión, las tablas desde la aplicación de escritorio de Microsoft Excel. Si necesitas insertar una tabla desde Excel, te recomendamos usar la aplicación web, que te permite pegar la tabla directamente en Document360 sin perder el formato.

¿Cómo añado un salto de línea dentro de una celda de tabla?

Añade saltos de línea dentro de una celda de tabla pulsando Enter o Shift+Enter.

  • Para texto normal, esto crea una nueva línea dentro de la misma celda.

  • Para listas (con viñetas o numeradas):

    • Pulsa Enter para crear el siguiente elemento de la lista.

    • Pulsa Shift+Enter para insertar un salto de línea sin iniciar una nueva viñeta o número.

CONSEJO PROFESIONAL

Usa Shift+Enter en los elementos de la lista cuando quieras continuar o desarrollar el mismo punto en una línea nueva.

¿Cuántas filas y columnas puedo crear en una tabla y cómo puedo añadir más?

Cuando creas inicialmente una tabla en Document360, el número de filas y columnas que puedes definir está limitado según el editor que utilices:

Tipo de editor

Líneas máximas

Columnas máximas

Editor Markdown

15

10

Editor WYSIWYG

10

10

WYSIWYG avanzado

10

10

Añadir más filas o columnas

  • Editor de Markdown:
    Puedes dibujar manualmente filas y columnas adicionales editando la estructura de la tabla en la sintaxis de Markdown.

  • Editor WYSIWYG:
    Haz clic en una celda y luego usa el icono Insertar fila o Insertar columna . Solo se puede añadir una fila o columna a la vez.

  • Editor avanzado de WYSIWYG:
    Pasa el cursor sobre la fila o columna deseada y haz clic en el icono más (+) para insertarlo. Similar a WYSIWYG, solo puedes añadir una fila o columna a la vez.

¿Cómo puedo eliminar o fusionar varias filas/columnas con una fila/columna común?

Para fusionar varias filas que comparten una columna común, o para fusionar varias columnas que compartan la misma fila, fusiona las filas/columnas de la tabla usando el icono Fusionar celdas (). La tabla se redimensionará para ajustarse al contenido, y cualquier fila o columna extra se eliminará automáticamente.