首页 > 建站教程 > 前端框架 >  ElementUI table 自定义序号正文

ElementUI table 自定义序号

ElementUI的table可以显示序号,只要新增一个列,将type属性定义为index就可以显示了:
<el-table-column type="index" label="序号" width="50">
</el-table-column>
但是这个序号,切换页码后,又从1开始。现在的需求是切换页码后,需要从上一页最后一个开始计算,即第一页为1-10,第二页就是11-20,所以肯定和pageSize和currentPage有关,下面是自定义序号的代码:
<el-table-column align="center" type="index" label="序号" width="80">
    <template slot-scope="scope">
        <span>{{ (currentPage -1) *pagesize+scope.$index+1 }}</span>
    </template>
</el-table-column>
这里的pageSize即每页显示条数,currentPage表示当前页码