Support for table captions?

[dotherightthing]

Hi,

We're using Zurb Responsive Tables standalone on a non-Foundation site.

The client has supplied some content which includes table captions.

I've tested this with Zurb Responsive Tables, and, in the mobile view, the caption splits into two table headers which is a bit strange. I'd prefer it to stay above the table, which is the default layout for the caption element.

Here's the relevant subset of our table markup:

<table class="responsive">
  <caption>Table caption</caption>
  <thead>
    <tr>
      <th scope="col">Header 1</th>
      <th scope="col">Header 2</th>
      <th scope="col">Header 3</th>
      <th scope="col">Header 4</th>
      <th scope="col">Header 5</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>-</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
  </tbody>
</table>

Thanks,
Dan

[Elyasin]

+1 - I ran into the same.

I assign "hide-for-small-only" class to the caption, so that it won't display on small screens.