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
A table caption
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>