使用原生JS实现如下图所示表格数据的翻页功能:
HTML代码:
表格标题
《
》
简单处理一下样式,CSS代码:
#pagination {
text-align: center;
}
#table {
width: 800px;
margin: 50px auto;
}
#table th {
height: 35px;
}
#title {
text-align: center;
}
button {
padding: 5px;
box-shadow: 0 0 5px #000;
}
JS部分:
第一步,数据生成,我是用mock.js随机生成的35条数据:
let data =Mock.mock({"person|35": [{"name": ‘@cname‘,"gender": /^[男女]$/,"age|18-22": 1,"phon