码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-06-16 09:21:37      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:strong   width   显示序号   ntp   row   hand   type   ntc   col   

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

<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根据分页显示表格序号

标签:strong   width   显示序号   ntp   row   hand   type   ntc   col   

原文地址:https://www.cnblogs.com/hellofangfang/p/11029585.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!