es6面向对象(class类)之分页器

98 阅读1分钟

任务:

  1. 将数据部署到表格中
  2. 分页:可将数据分为多个页数,让用户自定义每页展示的数据量
  3. 具有切换页面的功能
  4. 页面较多的时候 以 123...567...8910的形式反馈给用户、

最终结果:

    // 创建一个实例化对象 将形如[{name:'张三',age:18},{name:'李四',age:19}]
    // 的数据做参数传入,传入表格配置(可选),即可实现表格渲染
    const wapp = document.querySelector('.wapp')
    const table = new MyTable(data,wapp,{
        pageSize: 10,
         page: 1,
    });
    // 创建一个实例化对象 将MyTable类实例化的对象做参数传入,传入页码配置(可选),即可实现表格渲染
    const constrol = document.querySelector('.constrol')
    const constrols = new MyTable_constrol(table, constrol, {
         liItem: 7,
         first_End: 3,
    });