..._el-table显示序号">
当前位置:   article > 正文

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

el-table显示序号

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

<el-table :data="tableData" highlight-current-row @current-change="handleCurrentChange">
    <el-table-column
      type="index"
      width="50">
    </el-table-column>
<el-table>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

根据分页显示序号:
当前点击的页码: 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>
  • 1
  • 2
  • 3
  • 4
  • 5
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/黑客灵魂/article/detail/965224
推荐阅读
相关标签
  

闽ICP备14008679号