elementui el-table表格根据分页显示表格序号

最新推荐文章于 2024-08-01 00:25:37 发布

前端打工人

最新推荐文章于 2024-08-01 00:25:37 发布

阅读量1.6k

点赞数 3

分类专栏： Vue2

本文链接：https://blog.csdn.net/weixin_43953518/article/details/105193289

版权

Vue2 专栏收录该内容

89 篇文章 7 订阅

订阅专栏

每页显示的序号都是一样的：

<el-table :data="tableData" highlight-current-row @current-change="handleCurrentChange">
  <el-table-column
    type="index"
	width="50">
  </el-table-column>
<el-table>

根据分页显示序号：

当前点击的页码： currentPage
每页显示的数量： pageSize

<el-table :data="tableData" border>
  <el-table-column label="序号" align="center" width="70">
    <template scope="scope">
      <span>{{scope.$index+(currentPage - 1) * pageSize + 1}} </span>   
    </template>
  </el-table-column>
<el-table>