首页 > 其他分享 >element-plus实现table表格序号递增的效果

element-plus实现table表格序号递增的效果

时间:2023-02-19 18:34:43浏览次数:42  
标签:index pageSize element plus currentPage 序号 table

element-plus组件排序,可以给序号行加一个type="index"就可以实现按序号排序效果,但是当页码到第二页时,又是从一开始排列了。

想要实现的效果是翻页后页码接上一页的顺序继续排列,这个时候就需要改写index了

<el-table-column fixed type="index" label="序号" align="center" width="60">
<template #default="{ $index }">
{{(currentPage - 1) * pageSize + $index + 1 }}
</template>
</el-table-column>

这里面 currentPage ,pageSize 是在脚本里面定义的用于分页组件使用的

const currentPage = ref(1)
const pageSize = ref(10)

 

标签:index,pageSize,element,plus,currentPage,序号,table
From: https://www.cnblogs.com/schyzhkj/p/17135284.html

相关文章