Clothing Size Chart

<div class="size-chart-wrapper">
  <div class="size-chart-tabs">
    <button class="sc-tab active" onclick="scSwitch('in', this)">INCHES</button>
    <span class="sc-sep">|</span>
    <button class="sc-tab" onclick="scSwitch('cm', this)">CM</button>
  </div>

  <table class="size-chart-table">
    <thead>
      <tr>
        <th>SIZE</th>
        <th>UK</th>
        <th>LENGTH</th>
        <th>SHOULDER</th>
        <th>BUST</th>
        <th>WAIST</th>
        <th>SLEEVE LENGTH</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>XS</strong></td>
        <td>4-6</td>
        <td data-in="54.3" data-cm="137.9">54.3</td>
        <td data-in="15.2" data-cm="38.6">15.2</td>
        <td data-in="35.4" data-cm="89.9">35.4</td>
        <td data-in="35.4" data-cm="89.9">35.4</td>
        <td data-in="22.8" data-cm="57.9">22.8</td>
      </tr>
      <tr>
        <td><strong>S</strong></td>
        <td>8-10</td>
        <td data-in="55.1" data-cm="140.0">55.1</td>
        <td data-in="15.7" data-cm="39.9">15.7</td>
        <td data-in="37.4" data-cm="95.0">37.4</td>
        <td data-in="37.4" data-cm="95.0">37.4</td>
        <td data-in="23.2" data-cm="58.9">23.2</td>
      </tr>
      <tr>
        <td><strong>M</strong></td>
        <td>12-14</td>
        <td data-in="55.9" data-cm="142.0">55.9</td>
        <td data-in="16.1" data-cm="40.9">16.1</td>
        <td data-in="39.4" data-cm="100.1">39.4</td>
        <td data-in="39.4" data-cm="100.1">39.4</td>
        <td data-in="23.6" data-cm="59.9">23.6</td>
      </tr>
      <tr>
        <td><strong>L</strong></td>
        <td>16-18</td>
        <td data-in="56.7" data-cm="144.0">56.7</td>
        <td data-in="16.6" data-cm="42.2">16.6</td>
        <td data-in="41.3" data-cm="104.9">41.3</td>
        <td data-in="41.3" data-cm="104.9">41.3</td>
        <td