Question

我正在使用Javascript动态生成html表，并将Wordpress-page html块替换为生成的表。如何在表显示中引入分页，以便一次显示10条记录。我尝试将一些来自Internet的不同页面分页解决方案组合在一起，但是导致一个或另一个错误。

在Wordpress页面编辑器中添加了

html块

<table>
<!-- here goes our data! -->
</table>

Java脚本代码

var employeelList = [];
.......
employeesList.push({name: emp.name, age: emp.age, salary: emp.salary});
......


let table = document.querySelector("table");
let data = Object.keys(employeeList[0]);
generateTableHead(table, data);
generateTable(table, employeeList);


function generateTableHead(table, data) {
let thead = table.createTHead();
let row = thead.insertRow();
  for (let key of data) {
   let th = document.createElement("th");
   let text = document.createTextNode(key);
   th.appendChild(text);
   row.appendChild(th);
  }
}


function generateTable(table, data) {
 for (let element of data) {
  let row = table.insertRow();
    for (key in element) {
      let cell = row.insertCell();
      let text = document.createTextNode(element[key]);
      cell.appendChild(text);
    }
  }
}

引入分页时出现Java脚本错误

0 个答案: