16.1 #Table.table Table
Table fills width and has normalized spacing and headings,
Example
| # | Fruit | Color | Comment |
|---|---|---|---|
| 1 | Apple | Green | Good for apple pies |
| 2 | Orange | Orange | Juice them up |
| 3 | Banana | Yellow | Monkeys love them, are also great in milkshakes. Can be used to make bread. |
Markup
<table>
<thead>
<tr><th width="5%">#</th><th width="20%">Fruit</th><th width="20%">Color</th><th width="55%">Comment</th></tr>
</thead>
<tbody>
<tr><th>1</th><td>Apple</td><td>Green</td><td>Good for apple pies</td></tr>
<tr><th>2</th><td>Orange</td><td>Orange</td><td>Juice them up</td></tr>
<tr><th>3</th><td>Banana</td><td>Yellow</td><td>Monkeys love them, are also great in milkshakes. Can be used to make bread.</td></tr>
</tbody>
</table>
Source:
scss/base/_table.scss, line 4