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

Posted hellofangfang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementui el-table根据分页显示表格序号相关的知识,希望对你有一定的参考价值。

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

<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>

以上是关于elementui el-table根据分页显示表格序号的主要内容,如果未能解决你的问题,请参考以下文章

vue的dialog显示分页失败

如何将elementUI 表格(el-table)和分页器(el-pagination)连接起来

elementUI实现el-table分页多选功能,解决点击分页之后还可以选中

element-ui —— el-table分页回显与多选删除功能冲突(reserve-selection)

ElementUI 本地分页

elementUI实现分页功能