当前位置:   article > 正文

ElementUI的el-table表格分页的序号问题

elementui的el-table表格分页的序号问题

问题现象:

        el-table结合el-pagination实现表格分页功能时,当需要在表格的第一列显示序号,并且点击分页时,如果不做处理,序号每页都是从1开始。如果想实现自增长的效果,需要做如下处理:

  1. <el-table size="mini" :data="tableData" height="250" border style="width: 100%">
  2. <el-table-column
  3. type="index"
  4. width="90"
  5. :index="indexMethod"
  6. label="Index">
  7. </el-table-column>
  8. </el-table>
  1. indexMethod(index) {
  2. // this.currentPage 当前页码
  3. // this.listStep 每页条数
  4. return (this.currentPage- 1) * this.pageSize + index + 1;
  5. }

 如果帮助到您了,可以留下一个赞

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/965208
推荐阅读
相关标签