JQuery表分类器首先显示整个结果,然后进行分页

时间:2014-01-29 19:40:45

标签: tablesorter

我从服务器获取了数以千计的jquery tablesorter插件(http://mottie.github.io/tablesorter/docs/index.html)记录来执行排序和分页。我注意到tablesorter首先显示UI上的所有数据,然后执行分页。这导致用户在几秒钟内看到完整的结果,然后突然开始分页。这是否是其他任何人也注意到的行为,或者您认为这可能是由于我配置了tablesorter的方式中的一些问题?

1 个答案:

答案 0 :(得分:0)

如果要显示数千行,那么最好将服务器设置为使用ajax发送较小的表块并使用寻呼机访问服务器。有了这么多记录,我确信有些浏览器在排序信息时会窒息。

如果这只是夸大其词,那么您可以尝试隐藏tbody直到pager has initialized之后。一旦显示tbody,请确保在桌面上触发applyWidgets,以便可以应用任何斑马条纹。

$(function(){

  $("table")

    // initialize the sorter
    .tablesorter()

    // bind to pager initialized event BEFORE calling the addon
    .bind('pagerInitialized', function(event, options){
        $(this)
            .find('tbody').show()
            .trigger('applyWidgets');
    })

    // initialize the pager plugin
    .tablesorterPager({
      container: $("#pager")
    });

});