JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-alpha1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
 <form id="t1">
   <div id="t2"></div>
   <div class="form-group">
     <button id="btn-rebuild" class="btn btn-primary">Пересчитать</button>
   </div>
    
 </form>
 

<table class="table" id="tbl">
  <th></th>
  <th></th>
  <th colspan=3>OG</th>
  <th colspan=3>WC</th>
  <th colspan=3>EC</th>
  <th colspan=3>4CC</th>
  <th colspan=3>GPF</th>
</table>

CSS

.skater-row td:nth-child(3n) {
  border-left: solid 1px black;
  background-color: lightyellow;
}

JavaScript

skaters = {
  "Madge Syers": { OG: [1, 0, 0], WC: [2, 0, 0] },
  "Elsa Rendschmidt": { OG: [0, 1, 0], WC: [0, 2, 0] },
  "Dorothy Greenhough-Smith": { OG: [0, 0, 1], WC: [0, 1, 0] },
  "Magda Julin": { OG: [1, 0, 0] },
  "Svea Nor\u00e9n": { OG: [0, 1, 0], WC: [0, 1, 2] },
  "Theresa Weld": { OG: [0, 0, 1] },
  "Herma Szabo": { OG: [1, 0, 0], WC: [5, 1, 0] },
  "Beatrix Loughran": { OG: [0, 1, 1], WC: [0, 0, 1] },
  "Ethel Muckelt": { OG: [0, 0, 1] },
  "Sonja Henie": { OG: [3, 0, 0], WC: [10, 1, 0], EC: [6, 0, 0] },
  "Fritzi Burger": { OG: [0, 2, 0], WC: [0, 2, 2], EC: [1, 2, 1] },
  "Maribel Vinson": { OG: [0, 0, 1], WC: [0, 1, 1], EC: [0, 0, 1] },
  "Cecilia Colledge": { OG: [0, 1, 0], WC: [1, 2, 0], EC: [3, 2, 1] },
  "Vivi-Anne Hult\u00e9n": { OG: [0, 0, 1], WC: [0, 1, 3], EC: [0, 0, 2] },
  "Barbara Ann Scott": { OG: [1, 0, 0], WC: [2, 0, 0], EC: [2, 0, 0] },
  "Eva Pawlik": { OG: [0, 1, 0], WC: [0, 1, 0], EC: [1, 1, 0] },
  "Jeannette Altwegg": { OG: [1, 0, 1], WC: [1, 1, 1], EC: [2, 1, 1] },
  "Tenley Albright": { OG: [1, 1, 0], WC: [2, 2, 0] },
  "Jacqueline du Bief": { OG: [0, 0, 1], WC: [1, 1, 0], EC: [0, 2, 1] },
  "Carol Heiss": { OG: [1, 1, 0], WC: [5, 1, 0] },
  "Ingrid Wendl": { OG: [0, 0, 1], WC: [0, 1, 2], EC: [2, 1, 0] },
  "Sjoukje Dijkstra": { OG: [1, 1, 0], WC: [3, 1, 1], EC: [5, 1, 0] },
  "Barbara Roles": { OG: [0, 0, 1] },
  "Regine Heitzer": { OG: [0, 1, 0], WC: [0, 3, 1], EC: [2, 4, 1] },
  "Petra Burka": { OG: [0, 0, 1], WC: [1, 0, 2] },
  "Peggy Fleming": { OG: [1, 0, 0], WC: [3, 0, 1] },
  "Gabriele Seyfert": { OG: [0, 1, 0], WC: [2, 3, 0], EC: [3, 2, 0] },
  "Hana Ma\u0161kov\u00e1": { OG: [0, 0, 1], WC: [0, 0, 2], EC: [1, 2, 0] },
  "Beatrix Schuba": { OG: [1, 0, 0], WC: [2, 2, 0], EC: [2, 1, 2] },
  "Karen Magnussen": { OG: [0, 1, 0], WC: [1, 1, 1] },
  "Janet Lynn": { OG: [0, 0, 1], WC: [0, 1, 1] },
  "Dorothy Hamill": { OG: [1, 0, 0], WC: [1, 2, 0] },
  "Dianne de Leeuw": { OG: [0, 1, 0], WC: [1, 0, 2], EC: [1, 2, 0] },
 ...