海角社区

Skip to Main Content
Cascade CMS
twoColumn twoRight handbook

Tables

Inserting Tables

  1. In Edit mode, scroll down your page to the desired section where you would like to place a table. e.g. on a new line after a paragraph of text.
  2. From the Table menu hover over Table and select the number of rows and columns you would like to include in your table. Click to insert into your page.


    Select table, then select the amount of rows and columns for your table

  3. Add your content to the blank table cells.

    Insert data into each cell

Formatting Tables

To create a data table:

  1. To add a header row to your table, highlight the header row, right-click on the table and go to Row, then Row Properties.

    highlight header row then right-click, go down to Row and select Row Properties

  2. Select Header from the Row Type drop-down

    Row properties showing row type as a header

  3. Next, right-click the table again with header row still highlighted and go to Cell, then Cell Properties. Select Header Cell option from Cell Type drop down.

    Cell properties showing cell type as a header cell

To create a presentation table:

  1. Find the source code icon to view code, then find your table.

    html code icon

  2. Add role="presentation" at the beginning of the table.

    Add role="presentation" to <table> on the code side

Styling Tables

  1. With the table selected, click on the Formats drop-down, then Custom, then select one of the table color style options.

    Click on the table, then select formats, custom, table color

  2. To edit spacing, width, etc., click on table to find table properties.

    Click inside the table to select table properties

Table Styles

Table-blue

Column 1 Column 2 Column 3
Item 1 Item 2 Item 3
Item 4 Item 5 Item 6
Item 7 Item 8 Item 9

Table-gray

Column 1 Column 2 Column 3
Item 1 Item 2 Item 3
Item 4 Item 5 Item 6
Item 7 Item 8 Item 9

Table-cyan

Column 1 Column 2 Column 3
Item 1 Item 2 Item 3
Item 4 Item 5 Item 6
Item 7 Item 8 Item 9