Question

我现在在我的react js应用程序中使用引导程序分页，我想显示行的序列ID递增到从第1到第49行的所有行。我写了一些代码，但是它只显示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);
  }

行序列号递增

1 个答案: