Javascript 用于jquery 2.1.1的datatables，使表头成为下拉列表

我有一张简单的桌子，像

<table>
 <thead>
  <tr><th>A</th><th>B</th></tr> 
 </thead>
  <tbody>
   <tr><td>a</td><td>b</td><td>c</td></tr>
   <tr><td>a1</td><td>b1</td><td>c1</td></tr>
   <tr><td>a2</td><td>b2</td><td>c2</td></tr>
  </tbody>
</table>

AB
abc
a1b1c1
a2b2c2

实际上，我希望thead列的行为类似于按升序或降序对表进行排序的按钮。 我发现了一个使用datatables插件的选项，其工作原理类似于

但是我使用的是jQuery2.1.1，上面的插件不适用于这个版本。 我有点困惑如何进一步用我的代码实现这样的实现

任何帮助都将不胜感激

“愚蠢的jQuery表排序”似乎完全支持jQuery 2+

JSbin演示：

JS:

HTML:

int
浮动
一串
15
-.18
香蕉
95
36
焦炭

链接到插件：

$(function(){
    $("table").stupidtable();
});

<table>
<thead>
  <tr>
    <th data-sort="int">int</th>
    <th data-sort="float">float</th>
    <th data-sort="string">string</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>15</td>
    <td>-.18</td>
    <td>banana</td>
  </tr>
  <tr class="awesome">
    <td>95</td>
    <td>36</td>
    <td>coke</td>
  </tr>
</tbody>