Question

我有要求对表中显示的数据进行分页并通过ajax调用获取它 - 这是通过使用带有以下配置的dataTables插件实现的 -

bServerSide : true;
sAjaxSource : <ajax_source>
bPaginate : true,
bSort:false,
bFilter:false

我还要求对此数据客户端进行排序，即仅在当前页面上而不是整个集合（See this）。为此我使用以下代码尝试tablesorter插件 -

 "fnServerData": function(sSource, aoData, fnCallback){
                    $.ajax({
                        "dataType": "json",
                        "contentType": "application/json",
                        "type" : "GET",
                        "url" : sSource,
                        "data" : aoData,
                        "success" : function (jsonData){
                            fnCallback(jsonData);
                            $("#companies").tablesorter();
                        }
                    });
               }

但令我惊讶的是，即使排序在第一页上工作正常，只要我转到后续页面，只要我点击列标题，它就会开始显示上一页上的所有行好吧，这是不可取的。

有人可以解释，这里可能出现的问题。

编辑： $("#companies").trigger("update");完成了这个伎俩

Answer 1

它适用于以下变化 - 将tablesorter初始化推出

 $("#companies").tablesorter();

并在每次ajax调用后触发更新。

"success" : function (jsonData) {
    fnCallback(jsonData);
    $("#companies").trigger("update");
}

Jquery dataTables和tablesorter在一起

1 个答案: