<th>#</th>

        <th rowspan="2">#</th>

          <th>Jobset</th>

          <th rowspan="2">Jobset</th>

        <th style="width: 10em">Date</th>
        <th>Input changes</th>
        <th style="width: 2.5em">
        Jobs<br>

        <th rowspan="2" style="width: 10em">Date</th>
        <th rowspan="2">Input changes</th>
        <th colspan="3">Jobs</th>
        <th rowspan="2">
            <img src="[% c.uri_for("/static/images/delta.svg") %]" height="12" width="12" title="Delta" alt="Delta" class="build-status" />
        </th>
      </tr>
      <tr>
        <th style="width: 2em">

        <th style="width: 2.5em">

        <th style="width: 2em">

        <th style="width: 2.5em">

        <th style="width: 2em">

        <th>
            <img src="[% c.uri_for("/static/images/delta.svg") %]" height="12" width="12" title="Delta" alt="Delta" class="build-status" />
        </th>

/* Assumes borders are never desired in multi-row table heads */
.table thead th {
    border-top: 0;
}