行上的序列号递增答案

【问题标题】：serial ID on rows increment行上的序列号递增
【发布时间】：2019-07-01 11:41:47
【问题描述】：

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

代码：

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

  }

【问题讨论】：

你能分享一些你试过的代码吗？

标签： reactjs pagination react-bootstrap

【解决方案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);
  }

【讨论】：