5.14 Table View in a new window

Example
Table caption for responsive scroll version
One Two Three
Donec velit neque, auctor sit amet aliquam Vestibulum ante ipsum primis Praesent sapien massa
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae convallis a pellentesque nec egestas non nisi
Quisque velit nisi, pretium ut lacinia elementum id enim Donec velit neque, auctor sit amet aliquam
Vestibulum ante ipsum primis Praesent sapien massa Vestibulum ante ipsum primis
Markup 
{% set data = data|default({
  "striped": true,
  "caption": "Table caption for responsive scroll version",
  "svgUrl":"."
}) 
%}
<div class="nsw-table-responsive" role="region" aria-labelledby="caption1" tabindex="0">
  <table class="nsw-table {% if data.captionTop %} nsw-table--caption-top {% endif %} {% if data.striped %} nsw-table--striped {% endif %} {% if data.bordered %} nsw-table--bordered {% endif %}">
    <caption id="caption1">{{data.caption}}</caption>
    <thead>
      <tr>
        <th>One</th>
        <th>Two</th>
        <th >Three</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Donec velit neque, auctor sit amet aliquam</td>
        <td>Vestibulum ante ipsum primis</td>
        <td>Praesent sapien massa</td>
      </tr>
      <tr>
        <td>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae</td>
        <td>convallis a pellentesque nec</td>
        <td>egestas non nisi</td>
      </tr>
      <tr>
        <td>Quisque velit nisi, pretium ut lacinia</td>
        <td>elementum id enim</td>
        <td>Donec velit neque, auctor sit amet aliquam</td>
      </tr>
      <tr>
        <td>Vestibulum ante ipsum primis</td>
        <td>Praesent sapien massa</td>
        <td>Vestibulum ante ipsum primis</td>
      </tr>
    </tbody>
  </table>
</div>