首页 > 其他 > 详细

element-ui的el-table中添加递增序号

时间:2019-09-23 11:12:06      阅读:626      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 效果如上所示,

不论在表格中如何新增删除表格数据,序号总是从1开始递增排序,原理是根据表格分页中当前页数与当前页条数来计算的。

          <el-table-column label="序号" prop="" width="180" align="center">
            <template slot-scope="scope">
              <span v-text="getIndex(scope.$index)"> </span>
            </template>
          </el-table-column>


     //获取表格序号
      getIndex($index) {
        //表格序号
        return (this.page.currentPage - 1) * this.page.pageSize + $index + 1
      },

需要添加一个page分页即可。

element-ui的el-table中添加递增序号

原文:https://www.cnblogs.com/5201314m/p/11570734.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!