基于基于Bootstrap3表格插件和分页插件实例详解表格插件和分页插件实例详解
首先看下实现效果图，如果觉得还不错，请参考实现代码。
上面数据 下面分页
使用方法使用方法
1 导入导入bootstrap的的css
<link rel="stylesheet" href="css/v3/bootstrap.min.css">
2 导入导入jquery
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
3 导入表格分页插件导入表格分页插件 lTable.js
<script src="js/lTable.js" type="text/javascript"></script>
4 添加添加html标签标签 并对并对id 赋值赋值
<!-- 表格 -->
<div id="d"></div>
<!-- 分页 -->
<div id="u"></div>
5 获取数据获取数据
这里通过ajax获取json文件的模拟数据
initTable(data)为初始化表格和分页方法
$.ajax({
url:"json/data.json",
type:"GET",
dataType: "json",
success:function(data){
initTable(data);
},
error:function(e){
alert("数据获取错误");
}
});
6 初始化表格初始化表格
资源评论
weixin_38653296
- 粉丝: 2
- 资源: 911
