分页 头疼不?!
用DataTables 简单 不用写分页sql
举例说明:
数据库查询:
select u.id, u.uname from user_info u
后台塞值:
List<UserInfo> userInfos = userService.getUsers(); req.setAttribute("userInfos",userInfos);
页面取值展示:
js:
- //code.jquery.com/jquery-1.12.4.js
- https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js
- css:
- https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css
<html> <title>Title</title> <link rel="stylesheet" href="/springmvcDemo/datatables/jquery.dataTables.min.css" /> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="/springmvcDemo/datatables/jquery.dataTables.min.js"></script> </head> <body> <table id="example" class="display" cellspacing="0" width="100%"> <thead> <td>id</td> <td>name</td> </thead> <tbody> <c:forEach items="${userInfos}" var="userInfo"> <tr> <td>${userInfo.id}</td> <td>${userInfo.uname}</td> </tr> </c:forEach> </tbody> </table> <script> $(document).ready(function() { $('#example').DataTable(); } ); </script> </body> </html>
完成后页面展示:
是不是很简单
(我用的是本地js 所以中文是我修改的 不过功能一样)
相关推荐
03 datatables分页查询1
仿jquery.dataTables的分页(查询+排序),jquery插件式开发简单示例。
主要介绍了基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
spring3.2+hibernate3.6+struts3.4 datatables 附带sql
springboot+mybatis项目jsp+jquery+datatables.js+bootstrap前端分页.我只贴了controller还有jsp页面,还有相关js,希望能帮到初学者
对DataTable分页获取数据
datatables+springmvc+bootstrap实现分页,包含数据库 Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。 分页,即时搜索和排序 几乎支持任何数据源:DOM, ...
hibernate分页(无排序,搜索,仅仅分页显示),服务器端分页在datatables上展现,有关 datatables的知识请关注它的官网http://www.datatables.net/,datatables的功能很 全面。 2,建表的sql--studentinfo和插入...
通过本文给大家对比分析了Django的Q查询及AngularJS的Datatables分页插件,非常不错,具有参考借鉴价值,需要的朋友可以参考下
个人整理的datatables表格分页、检索、排序、滚动条demo,简单易懂,适合初学者
主要为大家分享了jQuery插件DataTables分页开发心得体会,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
JQuery DataTables示例,包含分页、拖拽、导出,前端、后台分页都有,项目直接导入就可以使用,项目框架是struts2写Web项目。
日常情况下使用前端插件进行分页,通过后端解析datatables请求来的参数进行request参数解析(demo中对通过datatable包中对datatables发送过来的参数进行一个解析器的操作)通过控制器action进行service数据解析调用...
分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation 各式各样的扩展: Editor, TableTools, FixedColumns …… 丰富多样...
本篇文章主要介绍了datatables 带查询条件java服务端分页处理实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jquery 分页插件 dataTables 仅包含demo_table.css,jquery.dataTables.js,jquery.js
Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据、实现分页和模糊查询等功能
重新二次封装,让分页代码减少至5行以内,简单方便,并且可扩展操作每行每列的数据