Example
header row 1: heading 1 | heading 2 | heading 3 |
---|---|---|
body row 1: data 1 | data 2 | data 3 |
body row 2: data 1 | data 2 | data 3 |
body row 3: data 1 | data 2 | data 3 |
footer row 1: data 1 | data 2 | data 3 |
footer row 2: data 1 | data 2 | data 3 |
Markup
<figure class="h-Ruled">
<table>
<caption><code>table</code> <code>caption</code></caption>
<thead>
<tr>
<th scope="col">header row 1: heading 1</th>
<th scope="col">heading 2</th>
<th scope="col">heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>body row 1: data 1</td>
<td>data 2</td>
<td>data 3</td>
</tr>
<tr>
<td>body row 2: data 1</td>
<td>data 2</td>
<td>data 3</td>
</tr>
<tr>
<td>body row 3: data 1</td>
<td>data 2</td>
<td>data 3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>footer row 1: data 1</td>
<td>data 2</td>
<td>data 3</td>
</tr>
<tr>
<td>footer row 2: data 1</td>
<td>data 2</td>
<td>data 3</td>
</tr>
</tfoot>
</table>
</figure>
Source:
kss-base.scss
, line 212