Разбивка на страницы с динамическим удалением строк — обновление ссылок на страницы и отображаемых строк ⇐ CSS

[Anonymous]

Я реализовал функцию нумерации страниц в таблице на своей HTML-странице. На каждой странице должно отображаться три строки, а всего в моей таблице восемь строк. Кроме того, у меня есть кнопка, которая удаляет строки с помощью класса «remove_tr». При нажатии этой кнопки я хочу, чтобы соответствующие строки были удалены, а нумерация страниц соответствующим образом обновлена.
Проблема, с которой я столкнулся, заключается в том, что когда я удаляю строки с помощью команды "remove_tr", ", затрагиваются только строки на первой странице. Ссылки на страницы и отображаемые строки не обновляются правильно, и в результате у меня появляется две страницы вместо трех. Мне нужна помощь в изменении существующего кода, чтобы обеспечить правильное обновление нумерации страниц при удалении строк, чтобы на каждой странице последовательно отображались три строки.

Код: Выделить всё

$(document).ready(function() {
add_pagination();
});

function add_pagination() {
var rowsPerPage = 3;
var $table = $('#data-table');
var $tbody = $table.find('tbody');
var $rows = $tbody.find('tr');
var totalRows = $rows.length;
var totalPages = Math.ceil(totalRows / rowsPerPage);
var $pagination = $('.pagination');

var $pagination = $(''); // إنشاء عنصر الترقيم
$table.after($pagination);

for (var i = 1; i 

Подробнее здесь: [url]https://stackoverflow.com/questions/78715800/pagination-with-dynamic-row-removal-updating-pagination-links-and-displayed-ro[/url]