element表格翻页第2页从1开始编号(后端从0开始分页)

在Web开发中，经常会使用元素表格进行数据的展示和管理。元素表格通常由多行、多列构成，每一行对应数据中的一个元素。当数据量较大时需要进行分页展示，以便用户查看全部数据。在分页过程中需要进行页码的计算，而不同页面的页码编号可能存在差异，许多后端开发人员会将页码从0开始进行编号，而在前端呈现时，页码一般从1开始。

在网页开发中，通常使用的是基于 HTTP 协议的 Restful API 接口来获取数据。在接口中，可以通过指定参数来设置分页的每页数据量和当前页码，例如：

http://api.example.com/users?page=2&pagesize=20

* page参数表示当前页码

* pagesize参数表示每页数据量

后端开发人员根据这些参数来进行数据查询和分页计算，在返回查询结果时，也会将页码从0开始进行编号。例如，假设当前页为第 2 页，每页数据量为 20 条，则后端开发人员会返回以下数据：

{
  "data": [
    {
      "id": 21,
      "name": "user_21"
    },
    {
      "id": 22,
      "name": "user_22"
    },
    ...
    {
      "id": 40,
      "name": "user_40"
    }
  ],
  "page": {
    "current": 1,
    "total": 2
  }
}

在返回结果中，page对象表示了分页的相关信息，包括当前页码和总页数。其中，current属性的值应该和前端相对应，即从1开始编号。因此，前端页面需要将后端返回的当前页码加1才能正确显示，例如：

const data = api.getUsers({ page: 1, pagesize: 20 });
const currentPage = data.page.current + 1;
const totalPages = data.page.total;

// 构造分页组件
const pager = $('<ul class="pager">');
for (let i = 1; i <= totalPages; i++) {
  const item = $('<li>').text(i);
  if (i === currentPage) {
    item.addClass('active');
  }
  pager.append(item);
}

在构造分页组件时，注意要先将后端返回的当前页码加1，再进行页面显示。这样，就可以正确地显示当前页的页码了。