JSFiddle - React, Tailwind, and code Playground

HTML

<!--- first list --->
<table>
<tr>
  <td colspan="2"><li class="sortable" data-id="99" style="list-style:none;margin-left:0px;"> <strong style="font-size:16px;">Information</strong> <a href="javascript:;" class="sort" data-mode="desc">[Desc]</a> </li></td>
</tr>
<tr>
  <td colspan="2"><li data-id="81" style="margin-left:20px;"> Running </li></td>
</tr>
<tr>
  <td colspan="2"><li data-id="113" style="margin-left:40px;"> Coping</li></td>
</tr>
<tr>
  <td colspan="2"><li data-id="71" style="margin-left:40px;"> Printing </li></td>
</tr>
<tr>
  <td colspan="2"><li data-id="65" style="margin-left:20px;"> references </li></td>
</tr>
</table>
<!--- Second List --->
<table>
<tr>
  <td colspan="2"><li class="sortable" data-id="85" style="list-style:none;margin-left:0px;"> <strong style="font-size:16px;">Papers</strong> <a href="javascript:;" class="sort" data-mode="desc">[Desc]</a> </li></td>
</tr>
<tr>
  <td colspan="2"><li  data-id="116" style="margin-left:20px;"> Opening </li></td>
</tr>
<tr>
  <td colspan="2"><li  data-id="109" style="margin-left:20px;"> Closng </li></td>
</tr>
</table>

JavaScript

function applySortable(){
   $(this).sortable({
    opacity: 0.5
    });
    $(this).find("li").each(applySortable); 
}
$(".sortable").each(applySortable);