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属性自定义索引文章来源:https://www.toymoban.com/news/detail-512197.html
文章来源地址https://www.toymoban.com/news/detail-512197.html
到了这里,关于在Vue+element UI项目中 自定义表格索引实现序号倒序排列的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!