javascript - jQuery 数据表 : Unsorted View

Question

jQuery 吗 DataTables插件支持“未排序”或“自然排序顺序”的概念。

也就是说，我有一个表，其中打印行的顺序很重要。

<tr><td>One</td></tr>
<tr><td>Two</td></tr>
<tr><td>Three</td></tr>

有时用户会希望按字母顺序对这些内容进行排序。有时他们也希望按照 HTML 源代码中出现的顺序查看它们。

缺少创建跟踪排序顺序的特定数字列

<tr><td>1</td><td>One</td></tr>
<tr><td>2</td><td>Two</td></tr>
<tr><td>3</td><td>Three</td></tr>

DataTables 插件是否支持“无序”排序。我正在寻找的行为(我在其他计算机用户界面中看到过)是一次单击以一种方式排序，第二次单击以另一种方式排序，第三次单击恢复“未排序”状态。

Answer 1

有一个API插件可以恢复原来的顺序。包含插件并调用 order.neutral()在 table 上。

如果您希望实际添加第三次单击的功能，您可能必须修改排序箭头的单击处理程序。

$(document).ready(function() {
    $('#example').DataTable( {
        "order": [[ 0, "desc" ]]
    } );
    setTimeout(function(){
      var table = $('#example').DataTable();
      table.order.neutral().draw();
    },3000);
} );

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.10.10/api/order.neutral().js"></script>

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css"> 

<table id="example" class="display" cellspacing="0" width="100%">
  <thead>
    <tr><th>Column</th></tr>
  </thead>
  <tbody>
  <tr><td>Sixteen</td></tr>
  <tr><td>Two</td></tr>
  <tr><td>Three</td></tr>
  <tr><td>Boots</td></tr>
  <tr><td>One</td></tr>
  </tbody>
</table>