Tables are a great way to organize and present data in your content. In StoryChief, adding tables is easy and helps make your information clear and concise. This guide will show you how to create, customize, and use tables effectively in StoryChief, so your audience can easily understand and engage with your content.
In this article:
Start adding tables to your article
1. Create tables directly in the editor
Step 1. In your dashboard, click '+ Create' sign and then choose 'Create article' or 'Generate articles'.
A new article editor opens, ready to start creating. Write the article manually or use William AI Content Agent (Help article).
💡 William is able to create tables in articles to visualize data in a structured way.
Step 2. In the Write tab of an article, hit enter for a new line and the media embedder bar appears. Click on the "Add table" option.
Step 3. A table will appear, with the following options:
Delete the whole table.
The table headers, interesting for styling purposes.
The table cells.
The column menu:
Click to open the menu.
Drag & drop the column (see Step 4).
The row menu:
Click to open the menu.
Drag & drop the row (see Step 4).
Step 4. The menu for rows and columns has some options:
Inserting a column left or right of the current column.
Inserting a row above or below the current row.
Removing the current column or row.
Step 5. Fill the table with content and finish the article. When ready, publish the article to the website(s).
Step 6. The tables can be styled, either by using the general table elements or by using the StoryChief class (.strchf-table), which is sent to the CMS. Examples:
.strchf-table tbody td{
font-size: 12px;
color: #58595b;
}
.strchf-table table th {
background-color: #022242;
color: #ff6424;
font-size: 20px;
}
2. Interesting to know
When translating articles with AI, the content of the tables also gets translated.
Some CMS/website destinations don't support tables, some others need CSS adjustments to display clean tables:
Not supported: Medium, Webflow
CSS needed: WordPress, Drupal, Custom API, Craft CMS, Statamic, Joomla, SiteManager, Fork, Clipboard.
3. Embed Airtable tables
Step 1. Create a table in Airtable:
Step 2. Click on "Share view" and then "Create a shareable grid view link" and copy the link you are given.
Step 3. Go back to StoryChief, open your article, and tap on "Enter" to open the media tab.
Step 4. Select the option to embed media and paste the link you got from Airtable. Click on "Enter" when ready.
Step 5. Optionally change the size of the table.
🎉 Congratulations, styling tables now is a breeze!
Check out our other guides below.