CSS-only

figure {
  max-width: 50%;
  margin: 3em auto;
  overflow-x: auto;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  border-style: solid none;
  border-width: thin;
  border-color: rgb(206,206,206);
  font-size: 75%;
  font-family: Verdana, Tahoma, sans-serif;
}

tfoot {
  border-top: thin solid rgb(206,206,206);
}

thead th,
tbody th, tbody td,
tfoot th, tfoot td {
  vertical-align: top;
  text-align: left;
  line-height: 1.8;
  white-space: normal;
  padding: 0.25em 0.5em;
  font-variant-numeric: lining-nums tabular-nums;
}

thead th:nth-child(2) {
  min-width: 15%;
  text-align: right;
}

thead th:nth-child(3) {
  min-width: 15%;
  text-align: right;
}

tbody td:nth-child(2),
tbody td:nth-child(3) {
  text-align: right;
}

tfoot th {
  text-align: right;
}

tbody tr:nth-child(2n-1) {
  background-color: rgb(238,238,238);
}