Question

我有一张包含一些信息的表格。第一次从php脚本生成，然后每隔n秒检查一次数据库。

然后我安装了tablesorter插件。没关系，但现在，在从数据库获取信息后（如果表格按几个字段排序）排序＆＃34;配置＆＃34;复位。

所以我找到了一些关于saveSort插件的信息，下载jquery.tablesorter.widgets.js将它包含在我的项目中。在插件的文档中，我发现了一些像how to这样的指令。

$("table").tablesorter({
   widgets: ["saveSort"]
});

但它并没有解决我的问题。获得结果后，保存的排序会重置。

所以，这是我的脚本的代码：

    $(document).ready(function(){

        $("table").tablesorter({
        widgets: ["saveSort"]
    });

    function get_op(){

       var dataSend = "to teh mooon";

       jQuery.ajax({
           type: "POST", 
           url: "get_url",
           dataType:"html",
           data:dataSend,

           success:function(response){
               $("#recent_op tbody").html(response);
               $("#recent_op").trigger("update");

           },
           error:function (xhr, ajaxOptions, thrownError){
              $("#recent_operations").html(thrownError);
           }
       });

     }
  setInterval(function(){get_op()}, 10000);

});

这是我使用的简单表格。

<table class="table table-bordered table-hover table-striped tablesorter" id = "recent_op">
      <thead>
        <tr>
            <th>header # <i class="fa fa-sort"></i></th>
             ....
             </tr>
      </thead>

      <tbody>
          <tr>
            <td>Body</td>
             ....
           </tr>
                    ....
            <tr>
              <td>Body</td>
               ....
             </tr>
       </tbody>
  </table>

所以，没有错误，来自教程的每一件事，但它并没有奏效。我想我以错误的方式使用这个小部件。

Answer 1

saveSort窗口小部件需要：

jQuery v1.4.1 +
$.tablesorter.storage实用程序，也包含在jquery.tablesorter.widgets.js中。我提到这个以防文件被修改了一些。
支持localStorage或cookies的浏览器（如果不支持localStorage，则为回退方法）。

可以使用小部件选项

启用/禁用保存排序

$(function(){
  $("table").tablesorter({
    widgets: ["saveSort"],
    widgetOptions : {
      // if false, the sort will not be saved for next page reload
      saveSort : false
    }
  });
});

Tablesorter和保存排序

1 个答案: