Javascript 使用jquery插件进行表分页

我已经创建了一个json表。为此，我正在尝试使用插件添加分页，这是我第一次使用插件，我不知道如何将表与寻呼机相结合。请给我一些想法。

我正在使用这个插件
如果有任何其他方法，请向我建议

$(document).ready(function(){
pagination()
window.pagObj = $('#pager').twbsPagination({
            itemsPerPage: 3,
            itemsContainer: ".myTable",
            // item: "> div",
            totalPages: 3,
            visiblePages: 2,
            onPageClick: function (event, page) {
                console.info(page + ' (from options)');
            }
        }).on('page', function (event, page) {
            console.info(page + ' (from event listening)');
        });
});
function pagination(){
    for(var i=0;i<userDetails.length;i++){
    var tab='<tr id="row'+i+'"><td>'+userDetails[i].Sno+"\n"+'</td><td>'+userDetails[i].empId+"\n"+'</td><td>'+userDetails[i].Firstname+"\n"+'</td><td>'+userDetails[i].email+"\n"+'</td><td>'
              +userDetails[i].phone+"\n"+'</td><td>'+userDetails[i].designation+"\n"+'</td><td>'+userDetails[i].projectAllocated+"\n"+'</td><td><button class="btn btn-info edit" data-toggle="modal"  data-target="#myModal" data-html="true">'+
              userDetails[i].edit +'</button><button class="btn btn-warning  dlt">'+userDetails[i].remove +'</button></td></tr>';

     $('#myTable').append(tab);

}
}

$（文档）.ready（函数（）{
分页（）
window.pagObj=$（'#pager'）.twbsPagination({
项目页面：3，
itemsContainer:“.myTable”，
//项目：“>div”，
总页数：3，
浏览网页：2，
onPageClick:功能（事件，页面）{
console.info（第+'（从选项中）页）；
}
}).on（'page'，函数（事件，页面）{
console.info（第+’页（来自事件侦听）’；
});
});
函数分页（）{
对于（var i=0；i我们可以使用
paginga.jquery.min.js
插件进行简单的分页


var用户详细信息=[
{
“Sno”：“1”，
“empId”：“Emp001122”，
“姓名”：“约翰”，
“电子邮件”：john@fusiongts.com",
“电话”：“9876543210”，
“指定”：“设计人”，
“项目分配”：“xxx”，
“编辑”：“编辑”，
“删除”：“删除”
},
{
“Sno”：“2”，
“empId”：“Emp002233”，
“姓名”：“马诺”，
“电子邮件”：mano@fusiongts.com",
“电话”：“9876543210”，
“指定”：“开发商”，
“项目分配”：“yyy”，
“编辑”：“编辑”，
“删除”：“删除”
},
{
“Sno”：“3”，
“empId”：“Emp002233”，
“姓名”：“马诺”，
“电子邮件”：mano@fusiongts.com",
“电话”：“9876543210”，
“指定”：“开发商”，
“项目分配”：“yyy”，
“编辑”：“编辑”，
“删除”：“删除”
},
{
“Sno”：“4”，
“empId”：“Emp002233”，
“姓名”：“马诺”，
“电子邮件”：mano@fusiongts.com",
“电话”：“9876543210”，
“指定”：“开发商”，
“项目分配”：“yyy”，
“编辑”：“编辑”，
“删除”：“删除”
},
{
“Sno”：“5”，
“empId”：“Emp002233”，
“姓名”：“马诺”，
“电子邮件”：mano@fusiongts.com",
“电话”：“9876543210”，
“指定”：“开发商”，
“项目分配”：“yyy”，
“编辑”：“编辑”，
“删除”：“删除”
},
{
“Sno”：“6”，
“empId”：“Emp001144”，
“姓名”：“贾斯汀”，
“电子邮件”：justin@fusiongts.com",
“电话”：“9876543210”，
“指定”：“人力资源”，
“项目分配”：“zzz”，
“编辑”：“编辑”，
“删除”：“删除”
},
{
“Sno”：“7”，
“empId”：“Emp001166”，
“姓名”：“古纳”，
“电子邮件”：guna@fusiongts.com",
“电话”：“9876543210”，
“指定”：“设计人”，
“项目分配”：“ggg”，
“编辑”：“编辑”，
“删除”：“删除”
},
{
“Sno”：“8”，
“empId”：“Emp001122”，
“姓名”：“约翰”，
“电子邮件”：john@fusiongts.com",
“电话”：“9876543210”，
“指定”：“设计人”，
“项目分配”：“xxx”，
“编辑”：“编辑”，
“删除”：“删除”
},
{
“Sno”：“9”，
“empId”：“Emp002233”，
“姓名”：“马诺”，
“电子邮件”：mano@fusiongts.com",
“电话”：“9876543210”，
“指定”：“开发商”，
“项目分配”：“yyy”，
“编辑”：“编辑”，
“删除”：“删除”
}
];
$（文档）.ready（函数（）{
分页（）
})
函数分页（）{
对于（var i=0；i