如何使用二合一表中的tablesorter.js插件对表进行排序？

Question

需要你的帮助来解决我的问题。我正在使用Bootstrap表来显示我的数据并将我的thead和tbody分成两个表，这样用户就可以滚动tbody并且thead保持在顶部或固定。

<table id="myTable" class="table table-bordered">
 <thead>
   <tr class="active">
     <th>Coloumn1</th>
     <th>Coloumn2</th>
     <th>Coloumn3</th>
   </tr>
 </thead>
</table>

<div class="scrollbar">
<table class="table table-bordered">
 <tbody>
   <tr>
      <td>1.1</td>
      <td>1.2</td>
      <td>1.3</td>
   </tr>
   <tr>
      <td>2.1</td>
      <td>2.2</td>
      <td>2.3</td>
   </tr>
 </tbody>
</table>
</div>

<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>
<script language="javascript">
   $(document).ready(function() 
   { 
     $("#myTable").tablesorter(); 
   } 
   );
</script>

但是当我尝试对表数据进行排序时，没有发生任何事情，我知道它是由两个表引起的。

任何解决方案的人都这样我可以对数据进行排序并继续使用两个表？感谢您的时间。