Tables in Advanced WYSIWYG editor

Tables are an essential tool for organizing and presenting data in a clear, structured format. Whether you're comparing features, listing options, or summarizing information, tables enhance content readability and make complex data easier to understand.

The Advanced WYSIWYG editor offers a range of powerful table formatting and management features designed to help you easily create visually appealing and functional tables. From adding rows and columns to customizing cell colors and implementing advanced table styles, these features help you create tables that meet your specific needs.

In this article, we will explore the various table-related tools available in the Advanced WYSIWYG editor, providing you the steps to create, format, and manage tables.

Creating a table

There are two methods for creating a table:

Method 1: Using the Quick insert menu

Method 2: Using the Slash / command

NOTE

• If a table contains more data horizontally, left and right shadows will appear to indicate overflow in the Knowledge base portal and site. These shadows remain visible until you scroll to the first or last columns.

• When exporting the article as a PDF, the table will be adjusted to fit within the document layout, ensuring all columns are visible in the downloaded file.

Formatting table content

Inserting or deleting rows/columns

a. To insert a row:

1. Click on a cell.

2. Click the “+” icon to insert a new row below the selected row. Or,

3. Click the row action menu (), and select Insert row above or Insert row below, based on your requirement. A new row cannot be added above the first row of the table.

b. To insert a column:

1. Click on a cell.

2. Click the “+” icon to insert a new column next to the selected column. Or,

3. Click the column action menu (), and select Insert column left or Insert column right, based on your requirement.

c. To delete a row and column:

1. To delete a row, click the action menu and click Delete row.

2. To delete a column, click the action menu and click Delete column.

Merging cells in a table

To merge multiple cells in a table:

1. Select multiple cells in the table.

2. In the menu that appears, click the Merge cells () icon.

   The selected cells will be combined into one cell.

To align text within a cell, select one or more cells, and select the alignment option that appears in the menu. There are two alignment options available: Vertical align and Horizontal align.

Vertical align

If you select the Vertical align () option, you can align the text to either the Top, Middle, or Bottom of the cell.

Horizontal align

If you select the Horizontal align () option, there are four options available: Left, Center, Right, and Justify. If you select either Left, Center, or Right, the text will be aligned accordingly. If you select Justify, the text will be aligned to the left, while the text will be equally spaced to cover the entire width of the cell.

Fit table to page width

To fit a table to the page width, select the table. In the menu that appears upon selecting the table, click the Fit to page width option. This will automatically adjust the table to span the full width of the page, ensuring the content within the table is evenly distributed across the available space.

Customizing table appearance

Changing background color

To change the background color of the table cell(s):

1. Select one or more cells.

2. In the menu that appears, click Background color.

3. Select the desired color from the displayed color palette.

PRO TIP

Once you make updates to the background color in tables, check the article preview in dark mode to verify the table’s visibility.

Changing border color

To change the border color of the table cell(s):

1. Select one or more cells.

2. In the menu that appears, click Border color.

3. Select the desired color from the displayed color palette.  

Border style

To change the border style, select the entire table.

1. In the menu that appears, click the Border style option.

2. Choose your preferred border style: Solid, Dashed, or Dotted.

Header rows

The top row is a header row by default when you insert a table in the Advanced WYSIWYG editor. The header row is indicated with the grey background.

• If you want to hide the header row, select the entire table and click the Hide table header option.

  

• If you have hidden the header row and wish to show it again, select the entire table and click the Show table header option.

  

Alternate row style

To customize your tables even further, you can choose to have banded rows. If you implement this option, the color of your rows will alternate between white and light gray.

1. To implement this customization, select the entire table.

2. In the menu that appears, click the Alternate row style option.

   

PRO TIP

You can customize your tables even further using CSS code snippets. To learn more, visit the Table Style article.