Table Block
Organize information neatly in rows and columns with the help of a Table Block.
Quick links
Overview
In the Gutenberg editor, open the block section and click or drag the Table Block to the editor area. Main elements of the block are:
- Subtitle
- Title
- Paragraph
- Table
Note: Because of the frequency of use, the first three elements (Subtitle, title and paragraph) of the Text Block are integrated in almost every Sana block.
Settings
If the settings side panel is not visible while working on your page or post, click on the Settings icon in the top left corner of the editor toolbar. Once opened you will see all the available options of the selected block, organized into collapsible tabs.
General
- Content Align – Align the entire block content left, center or right
- Padding – Add top and bottom block padding
- Background – Choose a solid color or a background image
Note: Content Align positions containers within the block, while Text Align positions text within its own container.
Subtitle, Title, Paragraph
- On/Off toggle – Display or hide the element
- Text Align – Align text left, center or right within its own container
- Font Size – Choose from nine preset sizes or add a custom font size
- Text Color – Select a color for the subtitle, title and paragraph
Table Settings
- Borders – Choose the amount of visible border lines in the table
- Columns – Organize the table into two or three columns
- Display Top Header – Add a row of labels above the table (horizontal header)
- First Column Header – Make the first column into a vertical header
- Display Disclaimer – Show a disclaimer text on the bottom of the table
- Equal Cell Width – Make table columns the same size
Table Colors
- Text Color – Choose a color for all the text in the table
- Border Color – Pick the color of the table border lines
Responsive
- Hide on Desktop – Block is visible on mobile, but not on desktop screens
- Hide on Mobile – Block is visible on desktop, but not on mobile screens
Tip: You can create two separate blocks for a section of your page and load each block on a different screen size.
