Event Setup
      Back to home
      1. Knowledge Base
      2. Events
      3. Event Setup

      Adding Tables To Your Website Pages

      Tables give information a nice, easy to read format if you have various amounts of information pertaining to times or prices. There are a couple of ways to add a table to your website, depending on which version of the editor you use.

      IF YOU ARE USING THE LIQUID DRAG AND DROP EDITOR

      1. Follow the instructions here to learn how to add text to your page
      2. Put the cursor where you wish to add the table and click the insert table button. See the image at the bottom of this page for what it looks like.
      3. Select the number of rows and columns that you wish to include in your table
        • Headers are items that highlight the top row and the left column as identifiers for your table. If you wish to have headers that are highlighted, you can nominate whether you have a row header, a column header or both in the header dropdown.
        • If you wish to have a border, you can leave the size as 1, or to make it thicker, you can put in a 2 or a 3 etc. If you wish the table to have no border, so it just displays the text in a better aligned manner than put the border size as 0.
        • If you wish to be able to see the borders until you have added your data and then hide them, which makes it a lot easier to enter in your data you can leave the border as 1, insert all of the data and then click the “source” button to view the source code and click “ CTRL + F” and search for “border”. You will see border=”1”. Change the 1 to zero. Then click the source button again to go back to the normal display. The border will not have disappeared.
        • You can set the aligned of the table to be centred, left or right aligned. This will align the table, not the text within the table. Text alignment still needs to be adjusted with the text alignment buttons on the toolbar.
        • You can assign a width if you want a small table then the width of the page. Otherwise if you delete the number out of the width box, it will autosize to the page size.
        • You can also assign a height if you wish, however the height is generally autosized with the amount of rows that you have.
        • Cell spacing is the spacing between each cell within a row, and between a cell within a column.
        • Cell padding is the spacing around the text within the cell.

       

      IF YOU ARE USING THE OLD, TEMPLATED WEBSITE EDITOR

      If you wish to add tables to align the setout of your page, the following instructions can assist you to do so. 

      1. Navigate to: Event Setup > Website > Website Pages Tab
      2. Page: If the page you are wanting to add a table to does not appear in the page list, click “Add Page” and select the relevant page. “Add Page” simply means you have not previously added any content to this page.
      3. Put the cursor where you wish to add the table and click the insert table button. See the image at the bottom of this page for what it looks like.
      4. Select the number of rows and columns that you wish to include in your table
        • Headers are items that highlight the top row and the left column as identifiers for your table. If you wish to have headers that are highlighted, you can nominate whether you have a row header, a column header or both in the header dropdown.
        • If you wish to have a border, you can leave the size as 1, or to make it thicker, you can put in a 2 or a 3 etc. If you wish the table to have no border, so it just displays the text in a better aligned manner than put the border size as 0.
        • If you wish to be able to see the borders until you have added your data and then hide them, which makes it a lot easier to enter in your data you can leave the border as 1, insert all of the data and then click the “source” button to view the source code and click “ CTRL + F” and search for “border”. You will see border=”1”. Change the 1 to zero. Then click the source button again to go back to the normal display. The border will not have disappeared.
        • You can set the aligned of the table to be centered, left or right aligned. This will align the table, not the text within the table. Text alignment still needs to be adjusted with the text alignment buttons on the toolbar.
        • You can assign a width if you want a small table then the width of the page. Otherwise if you delete the number out of the width box, it will autosize to the page size.
        • You can also assign a height if you wish, however the height is generally autosized with the amount of rows that you have.
        • Cell spacing is the spacing between each cell within a row, and between a cell within a column.
        • Cell padding is the spacing around the text within the cell.
      5. Click save, this will take you back to the website pages listing. 
      Adding Tables To Your Website Pages