Tablesorter пейджер не работает

Question

Я разрабатываю приложение для Android с помощью JQuery Mobile. У меня возникла проблема с плагином tablesorter с пейджером.

Вот мой HTML страницы

<div id="mainPager" class="pager"> 
    <form> 

    <div class="ui-grid-d"> 
     <div class="ui-block-a"><input type="button" data-inline="true" data-mini="true" value="&lt;&lt;" class="first" /></div> 
     <div class="ui-block-b"><input type="button" data-inline="true" data-mini="true" value="&lt;" class="prev" /></div> 
     <div class="ui-block-c"><input type="text" data-inline="true" data-mini="true" class="pagedisplay"/></div> 
     <div class="ui-block-d"><input type="button" data-inline="true" data-mini="true" value="&gt;" class="next" /></div> 
     <div class="ui-block-e"><input type="button" data-inline="true" data-mini="true" value="&gt;&gt;" class="last" /></div> 
    </div> 
    <select class="pagesize"> 
      <option selected="selected" value="10">10</option> 

      <option value="20">20</option> 
      <option value="30">30</option> 
      <option value="40">40</option> 
     </select> 
    </form> 
</div> 


<table class="myTable" id="dataTable" > 
    <thead> 

    </thead> 
<tbody> 
</tbody> 

</table> 

Это мой JQuery код.

$(document).on('pagebeforecreate', '#main' ,function(){  

    fillRoTable() ;  

    }); 



    function fillRoTable() 
    { 

    var html = ''; 
    for (var key=0, size= 1; key<size;key++) { 
     html += '<tr><th>' 
     + "Ticket #" 
     + '</th><th>' 
     + "Action" 
     + '</th></tr>'; 
     } 

    $('#dataTable thead').append(html); 


    $.ajax({url: "h**p://xyz.com/test/info?client=ig&docId=2313", 
    dataType: "jsonp", 
    async: true, 
    success: function (result) { 

var html1 = ''; 
for (var key=0, size=25; key<size; key++) { 

html1 += '<tr><td>' 
     + key 
     + '</td><td>' 
     + (size-key) 
     + '</td></tr>'; 
} 

$('#dataTable tbody').append(html1); 


       $("#dataTable").tablesorter() 
    .tablesorterPager({container: $("#MainPager"), positionFixed: false});  



    }, 
    error: function (request,error) { 
     alert('Network error has occurred please try again!'); 
    } 
}); 

} 

Теперь моя проблема заключается в том, что, когда главные страницы загружает все смотрит хорошо, но если я нажимаю на одном из заголовка для сортировки столбца, то я таблица становится пустой.

Может ли кто-нибудь предложить мне, что я делаю неправильно здесь.

Благодаря

Answer 1

Похоже, мы solved this issue обновив сценарий пейджера из оригинального плагина (v2.0.5) к одному из моих fork of tablesorter.