0

このJsontoHtmlテーブルを使用しており、値も取得しています。私がする必要があるのは、このためのソートを実装することだけです。誰かが私を助けることができますか？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;
    }
4

1 に答える 1

0

Jqueryデータテーブルを試す

必要なのは、ソリューション内のJqueryおよびdatablesスクリプトファイルを参照し、IDまたはクラス名を使用してhtmlテーブルを選択し、このように初期化することです。その後、Datatableが並べ替えとページ付けを行います。

$(document).ready(function(){
    $('#tableID').dataTable();
});
于 2013-03-25T13:02:14.660 に答える