| <body> | |
| <p>Colons can be used to align columns.</p> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Tables</th> | |
| <th align="center">Are</th> | |
| <th align="right">Cool</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td>col 3 is</td> | |
| <td align="center">right-aligned</td> | |
| <td align="right">$1600</td> | |
| </tr> | |
| <tr class="intellij-row-even"> | |
| <td>col 2 is</td> | |
| <td align="center">centered</td> | |
| <td align="right">$12</td> | |
| </tr> | |
| <tr> | |
| <td>zebra stripes</td> | |
| <td align="center">are neat</td> | |
| <td align="right">$1</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <p>There must be at least 3 dashes separating each header cell. | |
| The outer pipes (|) are optional, and you don't need to make the | |
| raw Markdown line up prettily. You can also use inline Markdown.</p> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Markdown</th> | |
| <th>Less</th> | |
| <th>Pretty</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td> | |
| <em>Still</em> | |
| </td> | |
| <td> | |
| <code>renders</code> | |
| </td> | |
| <td> | |
| <strong>nicely</strong> | |
| </td> | |
| </tr> | |
| <tr class="intellij-row-even"> | |
| <td>1</td> | |
| <td>2</td> | |
| <td>3</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <p>Here we'll test unexpected numbers of columns in data cells:</p> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Header 1</th> | |
| <th>Header 2</th> | |
| <th>Header 3</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td>Data 1</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Header 1</th> | |
| <th>Header 2</th> | |
| <th>Header 3</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td>Data 1</td> | |
| <td>Data 2</td> | |
| <td>Data 3</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <p>End.</p> | |
| </body> |