动态加载表格的表格排序问题

我使用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

动态加载表格的表格排序问题

回答

相关问题