Element-UI列表頁添加自增序號

 簡單粗暴,添加如下代碼,完美解決。(pageIndex - 1) * pagesize + scope.$index + 1 的計算結果就是當前行的實際序號,簡單明瞭。scope.$index獲取當前頁的當前行的索引號,一般都是從0開始,與本頁的實際行號差1,所以需要加1操作。還要考慮到頁碼所以需要加上(pageIndex - 1) * pagesize。

<el-table-column
        label="序號"
        width="50"
        align="center">
    <template scope="scope">
        <span>{{(pageIndex - 1) * pagesize + scope.$index + 1}}</span>
    </template>
</el-table-column>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章