{| content-list |}

# Making a table

To create a table, you need to add "{|" and "|}" on separate lines. Inserting "|-" on a different line will add a row; They need to be the only symbols on that line in order to make a table row. Starting a line with "||" then adding space will create a table cell. "!!" will create table heading.

The result looks like this:
{|
|-
!! Heading 1
|-
|| Cell 1
|-
|| Cell 2
|}
```
{|
|-
!! Heading 1
|-
|| Cell 1
|-
|| Cell 2
|}
```
# Adding style to tables
You can add some style to your tables after "{|"

## Borders
You can add borders to a table by adding ''borders'' after "{|".
{| borders
|-
!! Heading 1
|-
|| Cell 1
|}
```
{| borders
|-
!! Heading 1
|-
|| Cell 1
|}
```

## Custom CSS
''style=""'' will allow you to add custom CSS to your table. View [[link="https://www.w3schools.com/css/default.asp"|text="W3Schools page"]] about CSS. Currently, there isn't a way to add custom table border colors.
{| borders style="background-color: wheat;"
|-
!! Heading 1
|-
|| Cell 1
|}
```
{| borders style="background-color: wheat;"
|-
!! Heading 1
|-
|| Cell 1
|}
```

# Customize table cells
You can add double curly brackets - "{{}}" - after creating a table heading or cell. This will allow you to customize its width and span. To add both width, rowspan, colspan, you need to divide them with a semicolon (;).

## Table cell width
Add "width=" and a valid value. View [[link="https://www.w3schools.com/cssref/css_units.php"|text="W3Schools page"]] about CSS units.
{| borders
|-
|| {{width=200px}} Cell 1
|| Cell 2
|-
|| Cell 3
|| Cell 4
|}
```
{| borders
|-
|| {{width=200px}} Cell 1
|| Cell 2
|-
|| Cell 3
|| Cell 4
|}
```

## Span
To expand the cell, use "rowspan=" or "colspan=" followed by an integer number.
{| borders
|-
|| {{rowspan=2}} Cell 1
|| Cell 2
|| {{colspan=2}} Cell 3
|-
|| Cell 4
|| Cell 5
|| Cell 6
|}
```
{| borders
|-
|| {{rowspan=2}} Cell 1
|| Cell 2
|| {{colspan=2}} Cell 3
|-
|| Cell 4
|| Cell 5
|| Cell 6
|}
```

# Custom tables
These are special types of tables that can only be used once in an entry.

## Content list table
By inserting "{| content-list |}", you can add a content list to an entry.

## Side table
By adding ''side-content'' after "{|", you can make a side table. It has a custom style added and cannot be changed. It will appear at the top of the page.
```
{| side-content
|-
|| Table cell
|}
```