9.7 Responsive table View in a new window
Use the .js-table--responsive
class on the table
element to assist mobile
phone users read long tables.
Twig: wysiwyg/js-table.twig
Example
Name | Unit | Position |
---|---|---|
Adair, Daryl | Management Discipline Group | Associate Professor |
Adriaanse, Johanna | Management Discipline Group | Associate of the faculty |
Agarwal, Renu | Management Discipline Group | Associate Professor |
Markup
<table class="js-table--responsive">
<caption>A table caption</caption>
<thead>
<tr>
<th>Name</th>
<th>Unit</th>
<th>Position</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#">Adair, Daryl</a></td>
<td>Management Discipline Group</td>
<td>Associate Professor</td>
</tr>
<tr>
<td><a href="#">Adriaanse, Johanna</a></td>
<td>Management Discipline Group</td>
<td>Associate of the faculty</td>
</tr>
<tr>
<td><a href="#">Agarwal, Renu</a></td>
<td>Management Discipline Group</td>
<td>Associate Professor</td>
</tr>
</tbody>
</table>