11 Ways To Design And Arrange Basic Tables In Notion
Features Of The Basic Notion Table
You can drag tables to add new columns and rows.
There’s an option to create a header for the left column or top row.
You can clear and duplicate columns and rows.
They can also be transformed into a database via the table’s menu. For database conversions, all cells will turn into text.
The arrows facing out next to Options allows you to auto-format the width of a table to the bounds of the page.
Tip If you are using numbers, inline dates or reoccuring text, changing these properties to their corresponding property types (number, date, select) should be compatible with the database.
1. Floating Headers
Step 1: Create a basic table and add the top header via Options.
Step 2: Remove all rows below the header.
Step 3: Create a second table below with no headers.
2. Double Nested Column
How I made it
The first table has a column header only, and I adjusted all columns to match the floating header.
3. Triple Nested Column
Tip You can add a new line in a cell with shift + enter.
4. Colorful Ratings
Step 1: Create an inline equation (type: $$)
Step 2: Paste this code: \fcolorbox{palegreen}{palegreen}{★★★★}
Step 3: Close the inline equation at the end (type: $$)
5. Three Column Pricing
Step 1: Create three basic tables.
Step 2: Create three columns via dragging one empty block next to another.
Step 3: Drag each table under each column.
6. Pricing Grid
How I made it
I created a floating header (see 1). Then I added two columns; one is empty and the other is the floating header.
The first table has a row and column header, and I adjusted all columns to match the floating header.
The second table is arranged in the same way, however, it also includes a ✓ andx. These symbols are centered by adding whitespace characters before the symbol. I eyeballed the center of the cell.
Mac whitespace character spaces: opt + space
Windows whitespace character spaces: alt + 255
I also used an inline equation to add the “per month” text in the header (See 4 to learn how to add inline code).
The code: \color{grey}^\textsf{per month}
7. Pros and Cons
Tip You can drag tables into callouts too!
8. Nested Pros and Cons
How I made it
I created two tables and dragged each into two separate columns (see 5 to learn how to create columns).
There are two headers inside a Math Block. Math blocks are different from inline equations. You can find it in the block menu.
Code: \large\textsf{Area 1}
9. Table With A Key
Create a second table to act as a key (see 5 to learn how to create columns), and alternate header types.
10. The Class Report
How I made it
I created a table with a column and row header under a floating header.
I also included inline equations to create colorful backgrounds for text (See 4 to learn how to add inline code).
Code: \fcolorbox{lightgreen}{lightgreen}{A}
11. Revision History
Tip inline dates can convert into database dates upon changing the text property to a date property.