Tables
Default Table
To style an HTML table, add the node-data classname. This class adds padding and borders to table elements and emphasizes the header.
| Time |
Topic |
| 8:00 AM |
Welcome and Introductions |
| 9:00 AM |
Latest |
<![CDATA[<table class="node-data">
<tr>
<thead>
<td>Time</td>
<td>Topic</td>
</thead>
</tr>
<tr>
<td>8:00 AM</td>
<td>Welcome and Introductions</td>
</tr>
<tr>
<td>9:00 AM</td>
<td>Latest</td>
</tr>
</table>
]]>
Bordered Table
To add horizontal and vertical borders to all cells, add the node-data bordered classnames to the <table> element.
| Time |
Topic |
| 8:00 AM |
Welcome and Introductions |
| 9:00 AM |
Legislative Update |
<![CDATA[<table class="node-data bordered">
<tr>
<thead>
<td>Time</td>
<td>Topic</td>
</thead>
</tr>
<tr>
<td>8:00 AM</td>
<td>Welcome and Introductions</td>
</tr>
<tr>
<td>9:00 AM</td>
<td>Legislative Update</td>
</tr>
</table>
]]>
No Headings Table
To include a <table> with no headings, simply rermove the <thead> row.
| 8:00 AM |
Welcome and Introductions |
| 9:00 AM |
Legislative Update |
| 10:00 AM |
The New Frontiers in Medicine |
<![CDATA[<table class="node-data">
<tr>
<td>8:00 AM</td>
<td>Welcome and Introductions</td>
</tr>
<tr>
<td>9:00 AM</td>
<td>Legislative Update</td>
</tr>
<tr>
<td>10:00 AM</td>
<td>The New Frontiers in Medicine</td>
</tr>
</table>
]]>
Table with Horizontal Borders
To only add horizontal borders, add the node-data horizontal classnames to the <table> element.
| 8:00 AM |
Welcome and Introductions |
| 9:00 AM |
Legislative Update |
| 10:00 AM |
The New Frontiers in Medicine |
<![CDATA[<table class="node-data horizontal">
<tr>
<td>8:00 AM</td>
<td>Welcome and Introductions</td>
</tr>
<tr>
<td>9:00 AM</td>
<td>Legislative Update</td>
</tr>
<tr>
<td>10:00 AM</td>
<td>The New Frontiers in Medicine</td>
</tr>
</table>
]]>
Striped Table
To include striping to rows, add the node-data striped classnames to the <table> element.
| 8:00 AM |
Welcome and Introductions |
| 9:00 AM |
Legislative Update |
| 10:00 AM |
The New Frontiers in Medicine |
<![CDATA[<table class="node-data bordered striped">
<tr>
<td>8:00 AM</td>
<td>Welcome and Introductions</td>
</tr>
<tr>
<td>9:00 AM</td>
<td>Legislative Update</td>
</tr>
<tr>
<td>10:00 AM</td>
<td>The New Frontiers in Medicine</td>
</tr>
</table>
]]>