動態加載表格的表格排序問題

我使用ajax動態加載表格行，並且我有一個按鈕，當用戶點擊加載更多按鈕時調用加載更多按鈕15個更多的事務添加到tbody中。表格排序工作正常第一次加載但現在點擊加載更多按鈕我有30個交易在tbody我的表排序只能爲降序工作。但我希望它被分類升序和降序。但再次點擊加載更多按鈕的每一件事情都很好。任何人都可以告訴我我的代碼有什麼問題。任何幫助將不勝感激提前。動態加載表格的表格排序問題

<table class="tablesorter list-table" id='AllPaymentTable'> 

</table> 

<script> 
var thead = $("<thead/>").appendTo('#AllPaymentTable'); 
var PaymentHeader= responseData.data.payment_header_object; 
$("<tr/>") 
    .append("<th class='name'>" +PaymentHeader[i] + "</th>") 
    .appendTo(thead); 

var tbody = $("<tbody/>").appendTo('#AllPaymentTable'); 

var payActivitydetails = responseData.data.payment_data_object; 

for (var i = 0; i < payActivitydetails.length; i++) { 
    var payDetails = payActivitydetails[i]; 
    $("<tr class='recentPaymentrow' id="+payDetails.payment_id +"/>") 
    .append("<td class='name'>" + payDetails.customer_name + "</td>") 
    .appendTo(tbody); 
    $(".tablesorter").tablesorter(); 
} 

$('#loadmorebtn').bind('click',function(event){ 
    event.preventDefault(); 
    event.stopPropagation(); 
    // ajax call goes here 
    //Recents payment populating on screen starts here 
    var payActivitydetails = responseData.data.payment_data_object; 
    for (var i = 0; i < payActivitydetails.length; i++) { 
    var payDetails = payActivitydetails[i]; 
    $("<tr class='recentPaymentrow' id="+payDetails.payment_id +"/>") 
     .append("<td class='name'>" + payDetails.customer_name + "</td>") 
     .appendTo('tbody') 
    $(".tablesorter").tablesorter(); 
    } 
</script>

來源

2013-02-20 chris

一旦你初始化tablesorter，你不應該再次初始化它。而是使用更新方法讓tablesorter識別表中的更改：

來源

2013-02-21 15:18:01 Mottie

動態加載表格的表格排序問題

回答

相關問題