<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Telephone</th>
      <th>Customers Served</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Jocelyn</td>
      <td>Sales</td>
      <td>555-5555</td>
      <td>50</td>
    </tr>
    <tr>
      <td>Jasper</td>
      <td>Sales</td>
      <td>555-5555</td>
      <td>50</td>
    </tr>
    <tr>
      <td>Juan</td>
      <td>Admin</td>
      <td>555-5555</td>
      <td>50</td>
    </tr>
    <tr>
      <td>Jorge</td>
      <td>Sales</td>
      <td>555-5555</td>
      <td>50</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td>200</td>
    </tr>
  </tfoot>
</table>
table {
  width: 50%;
  border-collapse: collapse;
  font-family: Arial, Verdana;
  font-size: 0.9em;
  color: #444;
  margin: 50px;
}

tr:nth-child(even) {
  background-color: #f0f0f0;
}

th, tfoot td {
  color: #000;
  background-color: #CCC;
  font-weight: bold;
}

td, th {
  padding: 5px 10px 5px 10px;
  border: solid 1px #EEE;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.