coi/app/report/templates/report/_hardnessbot...

  <div class="overflow-x-auto">
    <table class="table-auto border-collapse border-none w-full text-sm text-center">
      <thead>
        <tr>
          <th colspan="7" class="border-none border-black px-4 py-2">Hardness: RH-60Kg, OUT: 26.50 - 56.51 (320 J)</th>
        </tr>
        <tr>
          <th colspan="7" class="border border-black px-4 py-2">結合度</th>
        </tr>
        <tr>
          <td rowspan="2" class="border border-black px-4 py-2 font-bold">Sample No.<br>サンプル番号</td>
          <td rowspan="2" class="border border-black px-4 py-2 font-bold">Side<br>面</td>
          <td colspan="3" class="border border-black px-4 py-2 font-bold">Check point<br>チェックポイント</td>
          <td rowspan="2" class="border border-black px-4 py-2 font-bold">AVG<br>平均</td>
          <td rowspan="2" class="border border-black px-4 py-2 font-bold">Judgement<br>判定</td>
        </tr>
        <tr>
          <td class="border border-black px-4 py-2 font-bold">1</td>
          <td class="border border-black px-4 py-2 font-bold">2</td>
          <td class="border border-black px-4 py-2 font-bold">3</td>
        </tr>
      </thead>
      <tbody>
        <!-- Data Rows -->
        <!-- Row Template -->
        <!-- Repeat the following structure for all data rows -->
        <tr>
          <td rowspan="2" class="border border-black px-4 py-2">1</td>
          <td class="border border-black px-4 py-2">Side A<br>A面</td>
          <td class="border border-black px-4 py-2">62.60</td>
          <td class="border border-black px-4 py-2">53.50</td>
          <td class="border border-black px-4 py-2">42.50</td>
          <td class="border border-black px-4 py-2">52.87</td>
          <td class="border border-black px-4 py-2">OK</td>
        </tr>
        <tr>
          <td class="border border-black px-4 py-2">Side B<br>B面</td>
          <td class="border border-black px-4 py-2">63.20</td>
          <td class="border border-black px-4 py-2">53.00</td>
          <td class="border border-black px-4 py-2">48.30</td>
          <td class="border border-black px-4 py-2">54.83</td>
          <td class="border border-black px-4 py-2">OK</td>
        </tr>
        <!-- Repeat similar structure for remaining rows -->
      </tbody>
    </table>
  </div>