在Vue+element UI项目中 自定义表格索引实现序号倒序排列
在Vue+element UI项目中 自定义表格索引实现序号倒序排列
·
indexMethod(index) {
// this.queryParams.Page当前页码,this.queryParams.Limit一页展示多少数量,this.total总条数,index索引值
if (this.total < this.queryParams.Limit) {
return this.total - index;
} else {
return (
this.total -
(this.queryParams.Page - 1) * this.queryParams.Limit -
index
);
}
},
//在element-ui的表格组件中使用
<el-table-column label="序号" type="index" :index="indexMethod" />
实现效果:不分页
分页: 第一页
分页: 第二页
element-ui文档说明
element-ui的官方文档是默认升序:
如果设置了tyle=index可以传递index属性自定义索引
更多推荐
已为社区贡献2条内容
所有评论(0)