Question

我正在创建一个页面，它动态地从JSON文件中获取条目，并以表格的形式显示它我已经编写了用Java脚本创建表格的代码，但是它一次获取所有条目。我试图创建一个每页只有10个条目并尝试创建排序的分页。这是创建表格的功能。

＆＃13;

  function myFunction32() 
    {
       var table = document.getElementById("contentTable");
       table.innerHTML = "";
       var row = table.insertRow(0);
       var cell1 = row.insertCell(0);
       var cell2 = row.insertCell(1);
       var cell3 = row.insertCell(2);
       var cell4 = row.insertCell(3);
       var cell5 = row.insertCell(4);
      
       cell1.innerHTML = "Disk ID";
       cell2.innerHTML = "Serial Number";
       cell3.innerHTML = "Hypervisor IP";
       cell4.innerHTML = "TIER";
       cell5.innerHTML = "Total Capacity";
  
   for(var i=0; disk.length;i++)
   {
   var row = table.insertRow(i+1);
   var cell1 = row.insertCell(0);
   var cell2 = row.insertCell(1);
   var cell3 = row.insertCell(2);
   var cell4 = row.insertCell(3);
   var cell5 = row.insertCell(4);
   
   cell1.innerHTML = disk[i].disk_id;
   cell2.innerHTML = disk[i].disk_serial_id;
   cell3.innerHTML = disk[i].hypervisor_ip;
   cell4.innerHTML = disk[i].storage_tier;
   cell5.innerHTML = disk[i].disk_size +" GiB";
   
   }

＆＃13;

我已更新代码，每页包含10个条目，但我无法为下一页创建新按钮以及排序。

我在HTML中调用我的表格如下

＆＃13;

<div id="fatal" style="margin-left:20px;margin-right:10px;">
      <table id = "contentTable" class="table table-bordered"></table>
</div>

＆＃13;

感谢您的帮助。

Answer 1

我有同样的问题，我使用jQuery datatable解决了，看看我的要点https://gist.github.com/dptole/08f090b3cbe00e8ba937。你必须编辑并应用你的场景。

从第65行到第67行，我有一个包装器来返回API端点字符串，而不是实际请求它。

包含来自JSON

1 个答案: