文档章节

element-ui表格控件前端分页方法

o
 osc_4nmshwhm
发布于 2018/08/07 09:56
字数 136
阅读 0
收藏 0

行业解决方案、产品招募中!想赚钱就来传!>>>

<div id="app">
  <el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" style="width: 100%">
    <el-table-column v-for="item in tableHeader" :prop="item.key" :label="item.name" show-overflow-tooltip=true>
    </el-table-column>
  </el-table>
  <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage" :page-size="pageSize"     layout="total, prev, pager, next,jumper" :total="tableData.length">
  </el-pagination>
</div>
<script>
var app = new Vue({
  el: '#app',
  data: {
    tableHeader: [{
        name: '日期',
        key: 'date'
      },
      {
        name: '姓名',
        key: 'name'
      },
      {
        name: '地址',
        key: 'address'
      }],
    tableData: [{
      date: '2016-05-04',
      name: '王小虎2',
      address: '上海市普陀区金沙江路 1517 弄'
    },{
      date: '2016-05-03',
      name: '王小虎15',
      address: '上海市普陀区金沙江路 1516 弄'
    }],
    pageSize: 5,
    currentPage: 1,
    },
    methods: {
      handleSizeChange: function() {},
      handleCurrentChange: function() {}
    }
})
</script>
o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

如何在Pandas的DataFrame中的行上进行迭代? - How to iterate over rows in a DataFrame in Pandas?

问题: I have a DataFrame from pandas: 我有一个来自熊猫的DataFrame : import pandas as pdinp = [{'c1':10, 'c2':100}, {'c1':11,'c2':110}, {'c1':12,'c2':120}]df = pd.DataFrame(......

富含淀粉
24分钟前
20
0
与电商节伴生,平台销量榜单背后还有被低估的营销价值

文 | 曾响铃 来源 | 科技向令说(xiangling0815) 时至今日,电商节已经成为各巨头零售平台例行的活动,花样在不断创新,玩法也在不断涌现。 在这个过程中,伴随电商节的各种品牌、产品销量榜...

曾响铃
26分钟前
22
0
volatile关键字详解

前言 提到JAVA的并发编程,就不得不提volatile关键字,不管是在面试还是实际开发中,volatile关键字的使用都是一个应该掌握的技能。它之所以重要,是因为它和JAVA并发编程中会遇到三种重要问...

ls_cherish
52分钟前
10
0
比继承更偏爱组成? - Prefer composition over inheritance?

问题: Why prefer composition over inheritance? 为什么更喜欢使用组合而不是继承? What trade-offs are there for each approach? 每种方法都有哪些取舍? When should you choose inher...

javail
54分钟前
17
0
2020软件测试工程师史上最全面试题(内含答案)-看完BATJ面试官对你竖起大拇指!

以下是软件测试相关的面试题及答案,欢迎大家参考! 我不是至尊宝,也不是孙悟空,我只是那城墙下的一猿。  1、你的测试职业发展是什么?  测试经验越多,测试能力越高。所以我的职业发展是需...

程序员一凡
58分钟前
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部