html表的排序和分页

时间:2013-03-25 12:56:24

标签: javascript jquery html json

我正在使用这个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;
    }

1 个答案:

答案 0 :(得分:0)

尝试Jquery datatable

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

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