【ElementUI】el-table中自定义序号

自定义ElementUI中el-table的序号列

需求

下面的序号不管在哪一页，都是从1开始的, 第二页的序号需要显示11, 12, 13…

<el-table-column type="index" label="序号" align="center">
</el-table-column>

解决办法

scope.$index 为档期啊行的索引, 使用template结合页码和行数计算序号即可

scope.$index是从0开始的

<el-table-column type="index" label="序号" align="center">
    <template scope="scope">
    <span>{{(pageIndex - 1) * pageSize + scope.$index + 1}}</span>
    </template>
</el-table-column>