ElmentUI数据表格序号

最新推荐文章于 2024-11-19 14:58:24 发布

原创最新推荐文章于 2024-11-19 14:58:24 发布 · 358 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Vue

当前文章被收录于：

Vue

27 篇文章 0 人学习

Vue

订阅专栏查看详情

当前文章被以下社区和专栏收录：

该段代码展示了如何在Element UI的表格组件中自定义序号显示，通过`indexMethod`方法结合分页信息计算实际序号。这种方法确保了在页面滚动和分页变化时序号的正确性。

   // 数据表格 序号
   <el-table-column
      label="序号"
      type="index"
      :index='indexMethod'
      fixed
      align="center"
      width="60">
    </el-table-column>

    // 序号
    indexMethod (index) {
      let currentPage = this.$refs.pagerefs.page;   //当前页码  1
      let pageSize = this.$refs.pagerefs.rows;    //每页条数  10
      return (index+1) + (currentPage-1) * pageSize;
    },