You can use the Table Element to add tables to your websites.

table.png

Add Table

You can add a Table from the Add Elements list on the Top Bar.

adding-table.png

Add Row and Column

You can add Rows and Columns by right-clicking the Context Menu or clicking the More Options "..." icon on the Toolbar or the Row pointer for the Active Cell.

add-row-columns.png

You can also add only one Column to the right by clicking the Plus icon on the Active Cell's Toolbar.

add-column-right.png

Add Elements

Add Button To Table Cell

You can add a Button and Hyperlinks to Cells from the Context Toolbar.

add-button-table.png

Add Icon To Table Cell

You can also add an Icon from the Context Toolbar to a Table Cell.

add-icon-table.png

Rows and Columns

Number of Rows and Columns

You can change the number of the Table's columns and rows by moving sliders for those Properties in the Property Panel.

number-rows-colums.png

Move Rows and Columns

You can move the Table Rows and Columns by selecting the appropriate operations in the context menu for the active Cell.

table-move-column.png

Resize Rows and Columns

You can resize Rows and Columns by dragging the Cell Lines. You can also enter the Cell Width and Height for the Active Cell in the Property Panel.

resizing-rows-columns.gif

Alternative Row Color

You can alternate rows by adding the Background Color for every second Row.

alt-row.png

You can also stylize the first and last rows of the Table, creating the Table Header and Footer.

header-footer-rows.png

First Column Style

You can also stylize the designs of the columns of the Table.

first-column.png

Table Cells

Active Cell Style

You can specify the Properties of the Active Cell.

table-active.png

Switch Cells

You can switch between the Table Cells by pressing the Tab and Shift+Tab Keys.

switch-table-cell.gif

Multi-Select Cells

You can multiselect Table Cells to edit values for all selected Cells in the Property Panel.

multiselect.gif

Cell Size

You can specify the Width and Height for a Cell, several Cells, or all selected Cells in the Property Panel.

table-cell-size.png

Cell Vertical Align

You can set the Vertical Alignment for table cells.

table-valign.png

Table in Mobile Views

The Table Width may be larger than the device screen. So, horizontal scrolling is shown for the Table in responsive modes. This allows you to see the table content even when it goes beyond the Sheet Width.

horizontal-scrolling-responsive.png