个性化阅读
专注于IT技术分析

限制element-ui 表格显示行数

点击下载

在使用element-ui的table过程中,如何限制表格的显示行?

element限制行数

解决办法:

<el-table
:data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"
style="width: 100%"
>
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table>

data() {
return {
pagesize: 5,
currentPage:1,
}
})

使用slice()方法,slice() 方法可从已有的数组中返回选定的元素。返回的数据是数组。

tableData是数据组,

Pagesize是限制每页的行数,

currentPage是第几页数

vue.js实现分页查询

赞(2)
未经允许不得转载:srcmini » 限制element-ui 表格显示行数

评论 抢沙发

评论前必须登录!