如何在动态html表格中实现分页

let currentPage = 1;
const pageSize = 10;
const startIndex = (currentPage - 1) * pageSize;
const endIndex = currentPage * pageSize;
const currentPageData = data.slice(startIndex, endIndex);

const table = document.createElement('table');

currentPageData.forEach(item => {
  const row = document.createElement('tr');
  const cell1 = document.createElement('td');
  const cell2 = document.createElement('td');
  // ...根据数据创建其他单元格
  cell1.textContent = item.column1;
  cell2.textContent = item.column2;
  // ...设置其他单元格内容
  row.appendChild(cell1);
  row.appendChild(cell2);
  // ...添加其他单元格到行
  table.appendChild(row);
});

document.body.appendChild(table);

const prevButton = document.createElement('button');
const nextButton = document.createElement('button');

prevButton.textContent = '上一页';
nextButton.textContent = '下一页';

prevButton.addEventListener('click', () => {
  if (currentPage > 1) {
    currentPage--;
    refreshTable();
  }
});

nextButton.addEventListener('click', () => {
  if (currentPage < Math.ceil(data.length / pageSize)) {
    currentPage++;
    refreshTable();
  }
});

document.body.appendChild(prevButton);
document.body.appendChild(nextButton);

function refreshTable() {
  const table = document.querySelector('table');
  table.remove();

  // ...重新生成表格代码

  document.body.appendChild(table);
}