Webfront allows you to use text editor to give your page content desired look. This text editor will help you set text formatting, add links in the text, add an image, etc.

To insert a table in a text in your page open this page for editing in Webfront admin panel. Click in a place where you want your table placed. Click table icon in the text editor above page content editing window.

"Table Properties" pop up window will open where you can set up the table.

Rows and Columns - set number of rows and columns.

Headers - there are four options to this setting:

None - all rows will have the same formatting.
First row - top row text will be set bold automatically to indicate that these are column headings.
First column - text in first column from the left will be set bold automatically to indicate that these are rows headings.
Both - text in the top row and in the first column on the left will be automatically set bold.

Caption - set table name. It will be displayed above the table

Add stripes - if you tick this checkbox even and uneven rows of the table will have different color background based on your website design.

Add hover effect - if you tick this checkbox table row background will change color once you place your mose over it.

Add borders - if you tick this checkbox table borders (including borders between cells) wil be displayed. If this checkbox is unticked table will be displayed with no external and internal borders.

Compact style table - if you tick this checkbox all white-space will be minimized in the table so it will be displayed in the most compact view.

Click "OK" button and table will be inserted in the page.

Clicking "OK" on this step does not save your table to the page. You have to click green "Save" button in the bottom of the page to push changes live.

When table is first inserted it will have no content in it. Click in a cell to add text to it. You can apply text formatting to text in the table just like in any onther part of the text.

If you decide to change table look right click on it. A menu will appear. Menu items called "Cell", "Rows", and "Columns" will allow you to manage table cells, rows, and columns like in any text editor. Last item - called "Table properties" - will allow you to change initial page set up.

If you want to preview how table will look in live page use blue "Preview" button. Preview will appear in a new window.

Once you are happy with the look of content in the page click green "Save" button.