Knowledgebase

eShop - How To: Tables in the eShop


This article applies to the Magicdust eShop 1.0. Click here for articles relating to Magicdust eShop 2.0.

The following guide will step you through all the functions of the table menu in the eShop Edit HTML Online editor.

Setting up a table

Clicking on this Table icon will launch the table window to allow you to select the options for the initial table.





We recommend modifying the following settings to insert the initial table:

Cols: sets the number of columns.

Rows: sets the number of rows:

Border: defines the width of the border on the website (a border of 0 displays nothing)

Width and height: allows you to define a fixed size of the table

Cell padding and cell spacing: prevents the text and images within each table cell from sitting right on the border. A cell padding or spacing of between 3 and 5 pixels is recommended.

Click on the Advanced Tab will give you further styling options.





Here the most relevant settings are:

Border colour: defines the colour of a border (you must have first set the width of the border on the "general" tab)

Background colour: defines the background colour of the table.

Click insert to put the table into the editor.

Modifying a table

1. Modifying an individual cell.

Once you have set up a table, you may wish to modify it, which can be done in numerous ways.





In the window that opens you can set the text alignment within the cell, by changing alignment and vertical alignment. You can also modify the height and width.





Clicking the Avanced tab will let you set a background and border specifically onto that cell.





Note that to update only that cell, it must be set in the dropdown in the bottom left to say Update Current Cell.

2. Deleting a column

To remove a column, click inside that column and then click the Remove Column icon.





3. Deleting a row

To remove a row, click inside that row and then click the Remove Row icon.





4. Inserting a column after the current column





To insert a column after the current column, click your cursor in the current column and then click the Insert Column After icon. The new column will appear to the right of the first column.





5. Inserting a column before the current column.

To insert a column before the current column, click your cursor in the current column and then click the Insert Column Before icon. The new column will appear to the left of the first column.





6. Inserting a row below the current row.

To insert a row below the current row, click the cursor in the current row and then click the Insert Row After icon.





7. Inserting a row above the current row.

To insert a row above the current row, click the cursor in the current row and then click Insert Row Before.





8. Merging cells

To merge two cells together, click your cursor inside the table and then click the merge cells icon.





Then, in the box that pops up, select whether you want to merge cells in the column, or cells in the row. You can also select the number of cells to merge together.





9. Splitting cells

To split cells you have already merged, click on the Split Cells icon.





If you have any questions or need further assistance, please email support@magicdust.com.au