The table component gives you a pre-configured table with brand styling. It gives you a starting point of 6 columns and 13 rows. The table can be modified to whatever number of columns/rows is needed and the alternating row colors can be changed to be all white or all grey rows.

Component elements

The table component only has the HTML field. To overwrite the the placeholder content you can click in each individual cell and type in your content. You can also add or remove rows and columns.This will be explained in the next steps.

To modify the content via the HTML, click the source button.

To add or remove columns, right click in the header where you want to add/remove. The menu of options will pop up. Scroll over the column option and select your option. Depending on what you want to do an additional pop up box will come up asking the number of columns and the positioning. Make your selections and click Ok.

To add or remove a row, right click in a cell in the row where you want to add/remove. The menu of options will pop up. Scroll over the row option and select your option. Depending on what you want to do an additional pop up box will come up asking the number of rows and the positioning. Make your selections and click Ok.

Save and Close your changes.

Complementary Content

${loading}