Learning Markdown helps you make your great content look great!
I created an online course called Steem Markdown, which teaches you how to use Markdowns to format your Steemit posts.
In this post, I am including information from Lesson #13 - Tables.
If you want to access the full online course (19 lessons) for FREE, click here!
Getting Started
Tables are used in Steemit to organize information.
Important things to remember:
- Tables must have column headers.
- Column headers will automatically be bolded. You can add other formatting as you see fit.
- You create division between each column by using a pipe:
| - Column headers are followed by a series of dashes and pipes. There must be at least 3 dashes between each header cell.
- Text within the columns of each table can be left or right aligned.
- Markdown in other programs can support center alignment, but Steemit does not support center alignment at this time.
- Left -
--------or:------- - Right -
--------:
- Although not required, you can use outer pipes
|and an equal number of spaces when designing a table to make it more aesthetically appealing in the Markdown code. - Steemit automatically uses a zebra formatting pattern to help distinguish between different lines in the table.
The Comparison
Basic Table without outer pipes
What you type:
First Header | Second Header
------------ | -------------
A | C
B | D
What you see:
| First Header | Second Header |
|---|---|
| A | C |
| B | D |
Basic Table with outer pipes
What you type:
| First Header | Second Header |
| ------------ | ------------- |
| A | C |
| B | D |
What you see:
| First Header | Second Header |
|---|---|
| A | C |
| B | D |
Table with a right aligned column and uneven spacing
What you type:
| Left Aligned | Right Aligned |
|--------------|--------------:|
| A | 1 |
| B | 100 |
| C | 1000 |
What you see:
| Left Aligned | Right Aligned |
|---|---|
| A | 1 |
| B | 100 |
| C | 1000 |
Practice Makes Perfect
Now it's your turn to practice what you have learned.
- Open Steemit.com and click Submit a Story.
- Copy the following text and paste it into the Steemit Markdown editor.
First Header | Second Header
------------ | -------------
A | C
B | D
| Left Aligned | Right Aligned |
|--------------|--------------:|
| A | 1 |
| B | 100 |
| C | 1000 |
- Customize the look of your tables (both the code and the end result) by
- Adding or removing the outer pipes
- Adjusting the number of dashes you used to create the heading sections
- Change the text alignment from left to right or vice versa
Please give me feedback in the comments section. If you have any questions feel free to ask!
