Data Table Structure

Use captions, row groups, headers, and data cells to expose relationships.

A simple schedule

The table may scroll horizontally on a narrow screen.

Workshop schedule for 18 September
Time	Session	Room	Facilitator
10:00	List semantics	Studio 2	Amina
11:00	Table headers	Studio 4	Mateo
12:00	Practice review	Studio 4	Amina

What each element communicates

caption identifies the table's subject.
thead groups the header row and tbody groups the main data rows.
tr creates a row; th labels related cells; td contains data.
scope states whether a simple header applies across a column or row.

Important HTML

Caption, thead, th, and td expose the table's row-and-column relationships.

<table>
  <caption>Workshop schedule for 18 September</caption>
  <thead>
    <tr>
      <th scope="col">Time</th>
      …
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">10:00</th>
      <td>List semantics</td>
      …
    </tr>
  </tbody>
</table>