Sometimes you might want to show a small amount of data in a table in one of your posts (for example, my recent weight loss post). This can be done on Steemit with markdown or HTML. They can be a bit clunky and difficult to get looking exactly how you like but hopefully these examples will at the very least get you started.
The following markdown code
| Left | Left | Right |
|-|:-|-:|
|Data1|Data2|Data3|
|Data4|Data5|Data6|
will produce this table
| Left | Left | Right |
|---|---|---|
| Data1 | Data2 | Data3 |
| Data4 | Data5 | Data6 |
It left-aligns by default but you can use a colon in the 2nd row to force it to right justify. In other markdown you can put
a colon at each end of your dashes for centering but this doesn't seem to work on Steemit. I'm not sure if someone can comment with what the correct alternative is. Some guides will show the 2nd line with more dashes, ie something like |--------|:-----------| ------------:|. This doesn't alter the table construction. This doesn't actually change the table, but can make it easier to ensure you have the right number of column divisions.
It is also possible to produce tables with HTML.
<table style="width:100%">
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
<tr>
<td>data 1</td>
<td>data 2</td>
<td>data 3</td>
</tr>
<tr>
<td>data 4</td>
<td>data 5</td>
<td>data 6</td>
</tr>
</table>
Will produce:
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| data 1 | data 2 | data 3 |
| data 4 | data 5 | data 6 |
Further html table tags and information can be found on the w3schools.com site (and many other HTML guides).