element ui 实现table序号递增、table序号递减

element ui 实现table序号递增：

(page - 1) * pageSize + scope.$index + 1 // (当前页 - 1) * 当前显示数据条数 + 当前行数据的索引 + 1

scope.$index获取当前页的当前行的索引号，一般都是从0开始，与本页的实际行号差1，所以需要加1操作。还要考虑到页码所以需要加上(pageIndex - 1) * pagesize， 这样 table 添加的序号就不会每页都重从1开始了。

应用：

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

element ui 实现table序号递减：

{{total - ((currentPage-1)*pageSize) - scope.$index}} // 总条数 - (当前页 - 1) * 当前显示数据条数 - 当前行数据的索引

<el-table-column
        label="序号"
        type="index"
        width="80px">
    <template slot-scope="scope">
        <span>{{total - ((currentPage-1)*pageSize) - scope.$index}}</span>
    </template>
</el-table-column>