<!-- see here fpr criteria required:

https://www.w3.org/WAI/tutorials/tables/examples/threeheaders/

-->
<table class="fixture_table">
  <caption>
    Fixture Table
  </caption>
  <thead class="visually-hidden">
    <tr>
      <th id="league" scope="col">
        <span>League</span>
      </th>
      <th id="team1" scope="col">
        <span>Team1</span>
      </th>
      <th id="time" scope="col">
        <span>Time</span>
      </th>
      <th id="team2" scope="col">
        <span>Team2</span>
      </th>
      <th id="pdf" scope="col">
        <span>Pdf</span>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th id="date" class="subhead" colspan="5" scope="colgroup">
        <time datetime="2021-08-10">Saturday 14th</time>
      </th>
    </tr>
    <tr>
      <td headers="date league">
        EPL
      </td>
      <td headers="date team1">
        Watford
      </td>
      <td headers="date time">
        <time datetime="15:00">15:00</time>
      </td>
      <td headers="date team2">
        Aston Villa
      </td>
      <td headers="date pdf">
        <img src="http://www.avillafan.com/wp-content/uploads/mr_icon.png" alt="" width="11" height="15">
      </td>
    </tr>

    <tr>
      <th id="date2" class="subhead" colspan="5" scope="colgroup">
        <time datetime="2021-08-21">Saturday 21st</time>
      </th>
    </tr>
    <tr>
      <td headers="date2 league">
        EPL
      </td>
      <td headers="date2 team1">
        Aston Villa
      </td>
      <td headers="date2 time">
        <time datetime="15:00">15:00</time>
      </td>
      <td headers="date2 team2">
        Newcastle United
      </td>
      <td headers="date2 pdf">
        <img src="http://www.avillafan.com/wp-content/uploads/mr_icon.png" alt="" width="11" height="15">
      </td>
    </tr>
    <tr>
      <th id="date3" class="subhead" colspan="5" scope="colgroup">
        <time datetime="2021-08-28">Saturday 28th</time>
      </th>
    </tr>
    <tr>
      <td headers="date3 league">
        EPL
      </td>
      <td headers="date3 team1">
        Watford
      </td>
      <td headers="date3 time">
        <time datetime="15:00">15:00</time>
      </td>
      <td headers="date3 team2">
        Brentford
      </td>
      <td headers="date3 pdf">
        <img src="http://www.avillafan.com/wp-content/uploads/mr_icon.png" alt="" width="11" height="15">
      </td>
    </tr>
  </tbody>
</table>

.fixture_table {
  border-collapse: collapse;
  border: 0px;
  margin: 1rem 0;
  text-align: left;
  padding: 2px 5px;
  border-color: #fff;
  font-size: 1rem;
  width: 50%;
}
.fixture_table caption {
  text-align: left;
  padding: 5px;
}
th.subhead {
  background-color: #470224;
  color: #ffffff;
  text-transform: none;
  font-size: 13px;
  font-weight: normal;
  margin-top: 10px;
  text-align: left;
  padding: 2px 5px;
  border: 1px solid #470224;
}
.fixture_table td {
  border: 1px solid #470224;
  padding: 2px 5px 15px;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}