JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/tablesorter/2.17.4/js/jquery.tablesorter.min.js"></script>
<table id="mytable" class="tablesorter">
  <thead>
    <tr>
      <th>Last Name</th>
      <th>First Name</th>

    </tr>
  </thead>
  <tbody>
    <tr>
      <td originalid="pivot__R1" class="p-dim-member" fidx="1" val="109">
        <div class="wrapper">
          <div class="p-head-content"><span>109</span>
          </div>
        </div>
      </td>
      <td>data3</td>
    </tr>

    <tr>
      <td originalid="pivot__R4" class="p-dim-member" fidx="1" val="11" style="height: 24px;">
        <div class="wrapper">
          <div class="p-head-content"><span>11</span>
          </div>
        </div>
      </td>
      <td>data5</td>
    </tr>
  </tbody>
</table>

JavaScript

$("#mytable").tablesorter();