近期更换技术,采用bootstrap的布局方式来进行项目编写,由于bootstrap为前端布局框架,好多功能实现需要借助插件完成,比如表格的实现。
由于第一次接触datatable插件,找了好长时间的资料才找齐一套不太完整的方案(至少能进行项目),贴出代码,自己巩固一下知识,也给遇到相同问题的朋友一个解决思路。
引用data-table的css和js。
<link href="<%=request.getContextPath()%>/vendors/dataTables/css/dataTables.bootstrap.min.css" rel="stylesheet">
<script src="<%=request.getContextPath()%>/vendors/dataTables/js/jquery.dataTables.min.js"></script>
<script src="<%=request.getContextPath()%>/vendors/dataTables/js/dataTables.bootstrap.min.js"></script>
我这边采用了bootscript风格的分页样式,所以会有 dataTables.bootstrap.min.css 和 dataTables.bootstrap.min.js。
分页代码:
var lang