javascript - html表格的排序和分页

Question

我正在使用这个 Json 到 Html 表并且我也得到了这些值。我需要做的就是为此实现排序。有人可以帮我吗？在 objArray 中传递我的 Json 数据的位置。我需要做的就是实现排序和分页。请帮帮我。

function CreateTableViewX(objArray, theme, enableHeader) {
        // set optional theme parameter
        if (theme === undefined) {
            theme = 'mediumTable'; //default theme
        }

        if (enableHeader === undefined) {
            enableHeader = true; //default enable headers
        }

        var array = typeof objArray != 'object' ? JSON.parse(objArray) : objArray;

        var str = '<table class="' + theme + '">';

        // table head
        if (enableHeader) {
            str += '<thead><tr>';
            for (var index in array[0]) {
                str += '<th scope="col">' + index + '</th>';
            }
            str += '</tr></thead>';
        }

        // table body
        str += '<tbody>';
        for (var i = 0; i < array.length; i++) {
            str += (i % 2 == 0) ? '<tr class="alt">' : '<tr>';
            for (var index in array[i]) {
                str += '<td>' + array[i][index] + '</td>';
            }
            str += '</tr>';
        }
        str += '</tbody>'
        str += '</table>';
        return str;
    }

Answer 1

尝试 Jquery数据表

您只需要在您的解决方案中引用 Jquery 和 datables 脚本文件，使用 Id 或类名选择您的 html 表并像这样初始化它。然后，Datatable 将为您处理排序和分页。

$(document).ready(function(){
    $('#tableID').dataTable();
});