Example
Row and column headers
| A | B |
|---|---|
| 1 | Foo |
| 2 | Bar |
Row headers
| A | B |
|---|---|
| 1 | Foo |
| 2 | Bar |
Column headers
| A | B |
|---|---|
| 1 | Foo |
| 2 | Bar |
No headers
| A | B |
| 1 | Foo |
| 2 | Bar |
Notes
Notion does not expose the width of tables or columns in their API. Tables are therefore only rendered with their default widths. You can change this with CSS, but you will either target all tables or no tables.
Styling
Tables follow semantic HTML5. You should target
table,
thead,
tbody,
tr,
th and
td as you normally would to style it.
Any table cell will additionally have the class
cell.
Tables with row headers will have a
thead section.
Tables with column headers will have
th elements in the first column.