<style>
  .custom-table {
      width: 100%;
      border-collapse: collapse;
      font-family: Arial, sans-serif;
      font-size: 14px;
      text-align: center;
  }

  .custom-table th, .custom-table td {
      border: 1px solid #ddd;
      padding: 8px;
  }

  .custom-table th {
      background-color: #f4f4f4;
      font-weight: bold;
  }

  .custom-table tr:nth-child(even) {
      background-color: #f9f9f9;
  }

  .custom-table tr:hover {
      background-color: #f1f1f1;
  }

  .custom-table-container {
      overflow-x: auto;
      max-width: 100%;
      padding: 10px;
  }

  @media (max-width: 768px) {
      .custom-table th, .custom-table td {
          padding: 6px;
          font-size: 12px;
      }
  }
</style>

<div class="custom-table-container">
  <table class="custom-table">
    <thead>
      <tr>
        <th>Height (Inch)</th>
        <th>2.5mm</th>
        <th>5mm</th>
        <th>7mm</th>
        <th>10mm</th>
        <th>16mm</th>
        <th>25mm</th>
        <th>35mm</th>
        <th>50mm</th>
      </tr>
    </thead>
    <tbody>
      {% assign data = "2|50|60|70|80|90|100||||,3|50|60|70|80|90|100||||,4|70|80|90|100|110|120||||,5|70|80|90|100|110|130||||,6|100|110|120|130|150|200|250|350||,7|100|110|120|130|150|200|250|350||,8||150|175|200|250|300|350|450||,9||150|175|200|250|300|350|450||,10||200|250|300|350|400|500|600||,11||200|250|300|350|400|500|600||,12|||300|350|400|450|550|650||,13|||300|350|400|450|550|650||,14|||350|400|450|500|600|700||,15|||350|400|450|500|600|700||,16||||500|550|600|700|800||,17||||500|550|600|700|800||,18||||600|700|800|900|1000||,19||||600|700|800|900|1000||,20||||800|900|1000|1200|1400||,21||||800|900|1000|1200|1400||,22|||||1100|1200|1400|1600||,23|||||1100|1200|1400|1600||,24|||||1300|1500|1700|1900||,25|||||1300|1500|1700|1900||,26|||||1600|1800|2000|2200||,27|||||1600|1800|2000|2200||,28|||||1800|2000|2200|2400||,29|||||1800|2000|2200|2400||,30|||||2000|2200|2400|2600||,31||||||2500|2800|3000||,32||||||2500|2800|3000||,33||||||3000|3500|4000||,34||||||3500|4000|4500||,35||||||3500|4000|4500||,36||||||4000|5000|6000||,37||||||4000|5000|6000||,38||||||4500|5500|6500||,39||||||4500|5500|6500||,40||||||5000|6000|7000||,41||||||5000|6000|7000||,42||||||5500|6500|7500||,43||||||5500|6500|7500||,44||||||6000|7000|8000||,45||||||6000|7000|8000||,46||||||6500|7500|8500||,47||||||6500|7500|8500||,48||||||7000|8000|9000||" | split: "," %}

      {% for row in data %}
        {% assign columns = row | split: "|" %}
        <tr>
          {% for column in columns %}
            <td>{{ column }}</td>
          {% endfor %}
        </tr>
      {% endfor %}
    </tbody>
  </table>
</div>