vue el-table 实现索引值自增

前端诸葛--村夫

于 2022-06-10 20:05:11 发布

阅读量780

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45795183/article/details/125227415

版权

想要在el-table里面自动实现序号排序可以在el-table里面设置 type="index"，即可。

但是给表格增加了分页面，切换页面索引依然是从1开始到到自己的分页数量。

如果想让每页的序号不是从1开始，而是延续上一页的序号。示例：

实现原理很简单页数减一✖️页面数据数量➕1 （从一开始就是加1）

注意点：自定义索引是从0开始的需要进行处理，page是页数 pagesize是数据的数量

<el-table :data="rows">
  <el-table-column label="序号" type="index" width="120" :index="(page-1)*pagesize+1" />
</el-table>

关注