Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何向使用GN javascript创建的表添加分页?_Javascript_Html - Fatal编程技术网

如何向使用GN javascript创建的表添加分页?

如何向使用GN javascript创建的表添加分页?,javascript,html,Javascript,Html,我正在用javascript创建一个表,我想给这个表添加一个分页。有没有办法做到这一点 output += '<table class="table">'; //Some other code info.fields.forEach(function (field) { if (infoData.hasOwnProperty(field.key)) { var data = infoData[field.key];

我正在用javascript创建一个表,我想给这个表添加一个分页。有没有办法做到这一点

output += '<table class="table">';

//Some other code

info.fields.forEach(function (field) {    
      if (infoData.hasOwnProperty(field.key)) {
             var data = infoData[field.key];
             data = (data == null) ? "-" : data;
             output += '<td>' + data + '</td>';  
      } else {
             output += '<td>-</td';
      }
});
output+='';
//其他代码
info.fields.forEach(函数(字段){
if(infoData.hasOwnProperty(field.key)){
var data=infoData[field.key];
数据=(数据==空)?“-”:数据;
输出+=''+数据+'';
}否则{

输出+='-您可以使用轻量级javascript库

编辑

是的,有很多库可以帮助您,但我个人使用datatable

如何使用:

添加库的和

创建表时,将id添加到表
,然后初始化数据表,如下所示

$('#tableId').DataTable();
注意: 不要忘记添加css和js文件,首先创建表,然后初始化.DataTable()


关于更多的datatable选项

你能详细说明他如何将这个插件集成到他的代码中吗?那会更好。我已经找到了很多datatable库,但我不知道如何在我的js代码中使用它们。