行上的串行 ID 递增

Question

我现在在我的 react js 应用程序中使用引导分页，我想以行增量显示从 1 到第 49 行的所有行的串行 ID。我写了一些代码，但它只显示 1 到 10 个数字，当我转到下一页时，它会再次从 1 到 10 个数字加载，依此类推。我的表每页显示 10 条记录。

法典：

 onPageChange(page, sizePerPage) {
    console.log("page",page);
    console.log("sizePerPage",sizePerPage);
  }

Answer 1

不知道你是如何编写代码的，但这是考虑分页的基本方法，

function onPageChange(page, sizePerPage) {
    let startIndex = page * sizePerPage + 1;
    console.log("Page: ", page)
    console.log("startIndex", startIndex)
    for(i=0; i < sizePerPage; i++) {
      console.log(i+startIndex);
  
    }
    
  }
  
  
  let size = 10;
  let pages = 3;
  
  for (let i = 0; i < pages; i++) {
    this.onPageChange(i, size);
  }