任务:
- 将数据部署到表格中
- 分页:可将数据分为多个页数,让用户自定义每页展示的数据量
- 具有切换页面的功能
- 页面较多的时候 以 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,
});