Insert tables
There are two ways to create tables in TYPO3: either by using the Table Wizard or by creating CSV lists in, for example, an Excel document.
Embed tables with Table Wizard
1. Select Typical page content.
2. Select Table.
3. Navigate to the General tab and then save the empty page element.
4. Only after the element has been saved will the Table Wizard icon appear to the right of Table Content. Click on it.
When Table Wizard opens, it automatically creates a number of columns and rows.
5. You can now add rows/columns using the plus icon.
6. Or remove rows/columns using the trash can icon.
7. You can also change the order of columns/rows with the arrows.
8. When you have added your information, save and close the Table Wizard.
9. The text field will now contain the table information presented as plain text (as shown in the image below).
10. Under the Appearance tab, there are several settings available to change the design of the table.
11. Here, you can modify the table's design and layout.
12. The table layout should always be set to Auto. If you wish to deviate from the default, you can adjust this in the table setup (steps 5 and 6).
13. Settings for the table header.
Embed table with a CSV List
1. Select Typical page content.
2. Select Table.
3. Start on the General tab.
4. Copy the text from your CSV list, and then paste it into the text field labeled Table content.
5. Below this field, you'll find the dropdown menu Field Delimiter. Here, you can set whether columns are separated by a vertical bar, comma, semicolon, etc., and specify whether the CSV file uses single or double quotation marks.
6.In the Appearance tab, you can now change the table's design.
7. Select Table in Layout.
8. Under Table Layout, select Auto, as this is set in the Table Wizard (see Table Wizard points 5 and 6).
9. Select whether to add a Table header.
How to create a CSV file?
A CSV file is created by selecting and exporting a range from, for example, an Excel spreadsheet. Then, you need to open this file in a program like Notepad to select and copy the data to the clipboard, so you can paste it into a table element.
It is also possible to insert a table directly into a text element; however, it is important to remove all formatting afterward by selecting the table (double-click on the table) and then clicking on the Tx icon. We recommend inserting tables into a regular text element only if there are merged cells or other structures that are not compatible with the CSV format.
Create and style your table directly in the text editor
Create table
It is possible to create a table directly in the text editor.
- Create a text element on your page.
- Select the Table button in the text editor.
- Choose the number of columns and rows.
NOTE: In the overview, it is only possible to select a 4x6 table. After creating the table, you can highlight an area, right-click on it, and select additional columns, rows, and cells to make the table larger.
Style your table
Once you have created your table, you can change its appearance to make it more readable. It can be very helpful for readers if the table rows alternate between two different colors.
- Highlight the area of the table you want to change: This can be cells, rows, columns, or the entire table.
- Select Styles: In the dropdown menu, you can find various colors and styles to apply to the table.
Table properties
You can edit the table's properties by right-clicking anywhere in the table and selecting Table Properties.
Example of a styled table (in the Text Editor)
| Overskrift | Overskrift | Overskrift |
|---|---|---|
| Tekst | Tekst | Tekst |
| Tekst | Tekst | Tekst |
| Tekst | Tekst | Tekst |
| Tekst | Tekst | Tekst |
| Tekst | Tekst | Tekst |
| Tekst | Tekst | Tekst |
Example of Table Element (Table Wizard)
| xx | yy | zz | vv |
|---|---|---|---|
| 11 | 12 | 13 | 14 |
| 21 | 22 | 23 | 24 |
| 31 | 32 | 33 | 34 |
| 41 | 42 | 43 | 44 |
| 51 | 52 | 53 | 54 |