Adding a toolbar to a table following HTML semantics

Question

I have a basic HTML table like so:

<table>
  <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

I want to add a toolbar above it. Would it be semantically acceptable to add a toolbar as a row in the thead?

<table>
  <thead>
    <tr>
      <th colspan="2">
        <!-- toolbar buttons -->
      </th>
    </tr>
    <tr>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

Kevin, yes, the toolbar buttons are directly related to the content of the table. — Donald T, Oct 18 '12 at 17:07

score 3 · Accepted Answer · answered Oct 18 '12 at 17:20

3

IMHO, since the toolbar is related to the tabular data, I see no semantic issue with having that toolbar live in a row in the thead.

answered Oct 18 '12 at 17:20

Kevin Boucher

16,426
3
48
55

Adding a toolbar to a table following HTML semantics

1 Answers1

Linked