我们在进行网页数据显示的时候经常会需要对大量的数据惊醒处理,鉴于网页的布局我们必须要实现对数据的分页显示。下面是采用Jquery实现的表格分页实例。
工具/原料
1
Jquery1.11.1
2
dreamweaver
方法/步骤
1
Jquery实现分页效果图预览
2
创建html页面加入数据(未经JS控制样式)
编号 | 语言 | 课时 |
---|---|---|
001 | C# | 80 |
002 | java | 68 |
003 | C++ | 50 |
004 | C | 60 |
001 | C# | 80 |
002 | java | 68 |
003 | C++ | 50 |
004 | C | 60 |
3
引入外部的Jquery文件,也可以用Jquery的cdn加速
4
编写js控制文件
5
js文件中各个步骤含义解析
注意事项
1
表格一定要包含thead和tbody
2
js中通过pagesize与currentpage来控制要显示的数据