Question

我有一个像

这样的简单表格

<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>

我实际上希望thead列的行为类似按钮，用于按升序或降序排序表。我找到了一个使用数据表插件的选项，其工作方式类似于this。

但我使用的是jquery 2.1.1，并且上述插件不适用于此版本。我对如何继续使用我的代码进行此类实现感到困惑。

任何帮助将不胜感激！

Answer 1

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

JSbin演示：http://jsbin.com/wimefeseni/1/edit?html,output

JS：

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

HTML：

<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>

链接到插件：http://joequery.github.io/Stupid-Table-Plugin/

jquery 2.1.1的数据表，使表头作为下拉列表

1 个答案: