Я загружаю таблицу строк динамически с помощью ajax, и у меня есть кнопка, называемая загрузкой больше, когда пользователь нажимает кнопку «Загрузить больше». Еще 15 транзакций добавляются в tbody. сортировка таблиц работает нормально при 1-й загрузке. Но при нажатии кнопки загрузки больше теперь у меня 30 транзакций в tbody, где моя сортировка таблицы работает только для спуска. Но я хочу, чтобы он сортировался по восходящему и нисходящему. Но снова на 2-м нажатии кнопки loadmore каждая вещь работает нормально. Может ли кто-нибудь предложить мне, что не так с моим кодом. Любая помощь будет оценена заранее.Получение проблемы при сортировке таблицы для динамически загружаемой таблицы
<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>