基于基于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
最新资源
- C#ASP.NET大型合同管理系统源码 项目合同源码数据库 SQL2008源码类型 WebForm
- (源码)基于Arduino的温湿度传感器与OLED显示屏显示系统.zip
- Type C PCB封装库 6Pin 24Pin 有公头、有母头分享下载Altium格式
- btstack协议栈-HID Mouse Classic
- (ARM-LINUX)C源码-课程设计.zip
- btstack协议栈实战篇-HID Keyboard Classic
- 自然语言处理大作业Python实现基于词典的分词方法源代码+实验报告（高分项目）
- 基于C++实现的交互界面计算器程序项目源码+详细代码注释（高分项目）
- 数据库期末作业基于Python+mysql的餐厅点餐系统源码+数据库+文档说明（高分项目）
- 打印机输出中心，博艺HP45输出中心 1907版
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
