如何使用 jquery 分页排列 html 表中的数据？答案

【问题标题】：How to arrange Data in html table with jquery pagination?如何使用 jquery 分页排列 html 表中的数据？
【发布时间】：2018-11-20 17:48:36
【问题描述】：

我有一个带有 jquery 分页的 html 表。在该表中有一个包含日期的列。我想在同一个月内获得相同的日期到一个特定的页面。同样，每个页面都应该在同一个月中具有相同的日期。例如：第 1 页 - 11 月的日期第 2 页 - 五月的日期第 3 页 - 四月的日期从 sql server 数据库加载的表数据。根据分页每页10条表记录。这是我的jQuery代码

  //Add pagination fuctionality
    jQuery(document).ready(function ($) {

        var myTable = document.getElementById('openDispatchNoteTable');

        for (var i = 0 ; i < myTable.rows.length ; i++) {
            if (myTable.rows[i].cells[6].innerText == myTable.rows[i + 1].cells[6].innerText)
                console.log("date : " + myTable.rows[i].cells[6].innerText);
            else
                console.log("date : Not equal")
            //console.log("date : " + myTable.rows[i].cells[6].innerText.split("-",3));
             //console.log("date " + i);
        }

        for (var i = 1; i <= 500; i++) {
            $('.list-group').append('<li class="list-group-item"> Item ' + i + '</li>');

        }

        $('.table tbody').paginathing({
            limitPagination: false,
            perPage: 10,
            insertAfter: '.table',
            containerClass: 'panel-footer'
        });
    });

你能帮我解决这个问题吗？

谢谢。

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

提前，很抱歉这实际上是一个评论，但由于我还不能放置它们，我会这样尝试。

我宁愿将库 Datatables 用于此类排序表。数据表提供了多种用于对表进行排序的选项。看看here

【讨论】：