Doc
Tables
Tables allow you to represent data in a structured way. Pre-designed elements are accessible via the .ms-table class. It is possible to highlight a line using the class .ms-{color} (ex: ms-blue), outer borders with .ms-boxed class, and also borders on all lines with .ms-triped.
| Header |
Header |
Header |
| Line 1 |
Line 1 |
Line 1 |
| Line 2 |
Line 2 |
Line 2 |
| Line 3 |
Line 3 |
Line 3 |
| Line 4 |
Line 4 |
Line 4 |
| Line 4 |
Line 4 |
Line 4 |
| Line 5 |
Line 5 |
Line 5 |
| Line 6 |
Line 6 |
Line 6 |
<table>
<tbody><tr class="ms-title">
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
<tr class="ms-gray">
<td>Line 1</td>
<td>Line 1</td>
<td>Line 1</td>
</tr>
<tr>
<td>Line 2</td>
<td>Line 2</td>
<td>Line 2</td>
</tr>
<tr class="ms-blue">
<td>Line 3</td>
<td>Line 3</td>
<td>Line 3</td>
</tr>
<tr class="ms-red">
<td>Line 4</td>
<td>Line 4</td>
<td>Line 4</td>
</tr>
<tr class="ms-green">
<td>Line 4</td>
<td>Line 4</td>
<td>Line 4</td>
</tr>
<tr class="ms-yellow">
<td>Line 2</td>
<td>Line 2</td>
<td>Line 2</td>
</tr>
</tbody></table>
| Firstname |
Lastname |
Age |
| Jill |
Smith |
50 |
| Jill |
Smith |
50 |
<table class="ms-boxed"></table>
| Firstname |
Lastname |
Age |
| Jill |
Smith |
50 |
| Jill |
Smith |
50 |
<table class="ms-boxed ms-triped"></table>
