时间戳

首页 > 解决方案 > 如何使用jquery分页排列html表中的数据？

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

问题描述

我有一个带有 jquery 分页的 html 表。在该表中有一个包含日期的列。我想在同一个月内获得相同的日期到一个特定的页面。同样，每个页面都应该在同一个月中具有相同的日期。例如：第 1 页 - 11 月的日期 第 2 页 - 5 月的日期 第 3 页 - 4 月的日期 从 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'
        });
    });

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

谢谢你。

标签： javascriptjqueryhtml

解决方案

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

我宁愿将库 Datatables 用于此类排序表。数据表提供了广泛的选项来对其表进行排序。在这里查看

推荐阅读