element的table组件序号翻页累计

Posted 友人A

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element的table组件序号翻页累计相关的知识,希望对你有一定的参考价值。

下面是序号累计和页码组件

<el-table-column type="index" label="序号" align="center" >
   <template slot-scope="scope">
        {{ scope.$index + (page.current - 1) * page.size + 1 }}
   </template>
</el-table-column>
<el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          background
          :current-page="page.current"
          :page-sizes="[10, 20, 30, 40]"
          :page-size="page.size"
          layout="total, prev, pager, next, sizes, jumper"
          :total="page.total"
        >
</el-pagination>

以上是关于element的table组件序号翻页累计的主要内容,如果未能解决你的问题,请参考以下文章

element-ui 组件的 table 复选框,翻页记忆功能

element-ui中table组件的toggleRowSelection()方法

element-ui中el-table组件的行号

Element ui 中使用table组件实现分页记忆选中

element表格添加序号

datatables 行元素事件翻页后失效问题