Inserting Tables
Markdown
Clicking on the table icon located within the toolbar will automatically bring up a Markdown table within your CMS like this:
| Column 1 | Column 2 | Column 3 |
| This is the header portion, they are automatically bold
Cell widths doesn't matter This is the first row |
| Column 1 | Column 2 | Column 3 | This is the header portion, they are automatically bold
| -------- | -------- | -------- | Cell widths doesn't matter
| Text | Text | Text | This is the first row
Adding rows
To add additional rows, press enter and insert another row of “| Text | Text | Text |” like this:
| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| Text | Text | Text |
| Text | Text | Text |
Adding columns
To add additional columns, insert another “|” after the last of the row, like this:
| Column 1 | Column 2 | Column 3 | Column 4 |
| -------- | -------- | -------- | -------- |
| Text | Text | Text | Text |
| Text | Text | Text | Text |
Do note that you will have to have the same number of “|” for each row.
Alignment
You can align text in the columns to the left, right, or center by adding a colon (:) to the left, right, or on both side of the hyphens within the header row.
| Header 1 | Header 2 | Header 3 |
| :--- | :----: | ---: |
| Text 1A | Text 2A | Text 3A |
| Text 1B | Text 2B | Text 3B |
They will look like this:
Header 1 | Header 2 | Header 3 |
---|---|---|
Text 1A | Text 2A | Text 3A |
Text 1B | Text 2B | Text 3B |
Do note that our Markdown tables come in a standard format;
- there are dividers for rows
- no dividers for columns even though they are clearly spaced
HTML
I am not familiar with Markdown or HTML, can I still add a table?
There are some workarounds if you are untrained in html. There are also some free-to-use html table generator available online such as https://www.tablesgenerator.com/. Your teachers could paste the table content into the generator, customise the font size, text alignment and table borders etc, generate code and paste them into the CMS editor.