For instance, this doesn't work, tables are joined:
| Tables | Are | Cool | | Tables | Are | Cool |
|----------|:-------------:|------:| |----------|:-------------:|------:|
| col 1 is | left-aligned | $1600 | | col 1 is | left-aligned | $1600 |
| col 2 is | centered | $12 | | col 2 is | centered | $12 |
| col 3 is | right-aligned | $1 |
Space between text marks the beginning and end of particular types of content. Try this:
<table>
<tr><th>Table 1 Heading 1 </th><th>Table 1 Heading 2</th></tr>
<tr><td>
|Table 1| Middle | Table 2|
|--|--|--|
|a| not b|and c |
</td><td>
|b|1|2|3|
|--|--|--|--|
|a|s|d|f|
</td></tr> </table>
It will look like this:
<tr><td><table></table> then it works in marked too. Whatever way you look at that, its a bug :)
<tr><th colspan=2>Table 1 Heading 1 </th></tr>For GitHub, you can use the below format for displaying two tables side by side. This is the way I usually do it:
|Table 1|Table 2|
|--|--|
|<table> <tr><th>Table 1 Heading 1</th><th>Table 1 Heading 2</th></tr><tr><td>Row 1 Column 1</td><td>Row 1 Column 2</td></tr> </table>| <table> <tr><th>Table 2 Heading 1</th><th>Table 2 Heading 2</th></tr><tr><td>Row 1 Column 1</td><td>Row 1 Column 2</td></tr> </table>|
You can see the output here.
Note: Please do not use new line or it will not work.
