这里写自定义目录标题
默认带有序号列
根据官网找到例子 点击进入element UI官网
编写type=‘index’ ,即可插入序号列
<el-table-column type="index" label="序号" :index="indexMethod"></el-table-column>
:index="indexMethods"是对此序号的函数控制,如果自然排列该方法可省略
效果图:
序号呈偶数
修改JavaScript代码中的 indexMethod方法即可:
(提供当前行的行号(从 0 开始)作为参数)
indexMethod(index) {
return index * 2;
}
效果图:
序号换页-第二页累计
同样改变indexMethod方法:
indexMethod(index){ // index默认在0开始,这里+1
return (index + 1) + (this.pagination.num - 1) * this.pagination.size;
},
其中pagination 是分页的参数(我写在return 中了):
这里的参数根据自己用的分页组件适当改变
pagination: {
num: 1, //页数
size: 10, //每页的行数
},
效果图:
第一页
第二页:
今天的分享到这里就结束喽,有新的发现会继续补充进去,欢迎留言评论哦