表分页与第一个下一个前一个最后一个选项JS或Jquery

Question

我只想问是否有一种方法可以在不使用 Datatables 或 Gridview 的情况下创建带有分页<< < 1 2 3 4 ... > >>的表格。 截至目前，我有以下代码：

$('.table').after('<div id="varPagination"></div>');
    var rowsShown = 20;
    var rowsTotal = $('.table tbody tr:not(:first-child)').length;
    var numPages = rowsTotal / rowsShown;
    for (i = 0; i < numPages; i++) {
        var pageNum = i + 1;
        $('#varPagination').append('<a href="#" rel="' + i + '">' + pageNum + '</a> ');
    }
    $('.table tbody tr:not(:first-child)').hide();
    $('.table tbody tr:not(:first-child)').slice(0, rowsShown).show();
    $('#varPagination a:first').addClass('active');
    $('#varPagination a').bind('click', function () {
        $('#varPagination a').removeClass('active');
        $(this).addClass('active');
        var currPage = $(this).attr('rel');
        var startItem = currPage * rowsShown;
        var endItem = startItem + rowsShown;
        $('.table tbody tr:not(:first-child)').css('opacity', '0.0').hide().slice(startItem, endItem).
            css('display', 'table-row').animate({ opacity: 1 }, 300);
    });

我的问题是，即使超过 50 页也会显示所有页码。 我怎样才能使它像<< < 1 2 3 4 ... > >> ？ 尝试在互联网上搜索，但没有运气。 我希望你能帮助我。