Javascript 将jQuery分页插件添加到从数据库读取的表中

我发现这多亏了一个作者的帖子。插件正是我所需要的，我想把它添加到我的页面中，但我的表是通过从数据库中获取元素创建的。我尝试将其作为示例添加到页面中，但分页就是不显示。我对jsFiddle代码所做的唯一更改是，我不希望每个tbody元素都破坏页面，而是希望每个tr元素都破坏页面。这是表格的代码，欢迎任何建议

var columns = ["username", "user_id", "address", "state", "postal_code", "phone", "email"];

var level_classes = {
    "NEW": "new_client",
    "RENEWAL": "renewing_client",
    "CURRENT": "current_client"
};

$(document).ready(function() {
    $.getJSON("obtainUsers.php", function(data) {
        var $table = $('<table style="width: 100%;">');
        var $tbody = $('<tbody>');
        $table.append($tbody);
        var $tr = null;

        data.forEach(function(user, index) {
            if (index % 4 === 0) {
                $tr = $('<tr>');
                $tbody.append($tr);
            }
            $td = $('<td class="' + level_classes[user.level] + '">');
            columns.forEach(function(col) {
                $td.append(user[col]);
                $td.append($('<br>'));
            });
            $tr.append($td);
        });
        $('.runninglist').append($table);
    });
});

var列=[“用户名”、“用户id”、“地址”、“州”、“邮政编码”、“电话”、“电子邮件”]；
变量级别\u类={
“新建”：“新建客户端”，
“续约”：“续约客户”，
“当前”：“当前客户端”
};
$（文档）.ready（函数（）{
$.getJSON（“obtainUsers.php”，函数（数据）{
变量$table=$（''）；
变量$tbody=$（''）；
$table.append（$tbody）；
var$tr=null；
data.forEach（函数（用户、索引）{
如果（索引%4==0）{
$tr=$（''）；
$tbody.append（$tr）；
}
$td=$（''）；
columns.forEach（函数（col）{
$td.append（用户[col]）；
$td.append（$（“
”）；
});
$tr.append（$td）；
});
$（'.runninglist'）。追加（$table）；
});
});

并不是所有做同样事情的插件都是平等的。找到一个文档完整的插件与它的功能一样重要。还有许多其他分页插件。你可能也想看看其他的，看看api文档和示例是否能更好地帮助你谢谢你的建议Charlietfl，我知道所有的插件都不一样，但我想知道的是，是否有可能将这个插件应用到我的代码中。我从来没有尝试过做一个插件，这就是我想要得到帮助的原因。我不知道它的文档在哪里，这就是我的观点。如果没有文档，你很可能需要查看插件源代码并理解代码的工作原理。哦，对不起，这是我指的。