Tables

Tables are helpful for displaying numerical or tabular data sets.

Tables typically have a head and a body. The head consists of rows tr (usually just one) and header columns th. The body consists of rows and table data td.

Tables look terrible without some visual styling. We've applied some styling to the example table.

City Average Temperature
Chicago 35
Honolulu 75
Paris 69
<table>
  <thead>
    <tr>
      <th>City</th>
      <th>Average Temperature</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Chicago</td>
      <td>35</td>
    </tr>
    <tr>
      <td>Honolulu</td>
      <td>75</td>
    </tr>
    <tr>
      <td>Paris</td>
      <td>69</td>
    </tr>
  </tbody>
</table>