2019-01-09 iview、elementui在table中,序号根据分页数和分页大小排序

问题描述:iview使用table 中type: "index",分页之后 ,索引还是从1开始,试过绑定后台返回数据的id, 这种方法可行,就是后台返回数据的每个页面id都不完全是按照从1开始的升序,因此百度了下,找到了解决方法。

IView:
使用render:

        {
          title: "序号",
          key: "id",
          width: 80,
          align: "center",
          render: (h, params) => {
            return h('span',params.index + (this.pageData.pageNumber- 1) * this.pageData.pageSize + 1);
          }
        },

elementUI:

            <el-table-column
              show-overflow-tooltip
              label="序号"
              min-width="50"
              align="center"
              fixed="left"
            >
              <template slot-scope="scope">
                <span>{{scope.$index + (pageData.pageNum- 1) * pageData.pageSize + 1}}</span>
              </template>
            </el-table-column>
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容