基于基于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
最新资源
- 基于Go-micro微服务的秒杀系统详细文档+优秀项目+全部资料.zip
- 基于golang实现在线客服系统，包含用户端(h5,微信小程序)，客服端(PC)，方便跟已有的系统整合。适用于小程序自带的客服系统无法满足或有多端业务需求的情况详细文档+优秀项目+全部资料.zip
- 基于gorillawebsocket封装的websocket库，实现基于系统维度的消息推送，基于群组维度的消息推送，基于单个和多个客户端消息推送详细文档+优秀项目+全部资料.zip
- 基于Go-Zero + Vue3 + TypeScript + Element-Plus开发的简单高效权限管理系统详细文档+优秀项目+全部资料.zip
- 基于Go-Zero Nestjs + Vue3 + TypeScript + Element-Plus开发的简单高效权限管理系统详细文档+优秀项目+全部资料.zip
- linux常用命令大全.txt
- 基于go-zero的影票售卖系统详细文档+优秀项目+全部资料.zip
- 基于Go-Zero + vue-element-admin的前后端分离微服务管理系统的前端模块详细文档+优秀项目+全部资料.zip
- 基于go-zero 框架实现的电商系统的后端服务详细文档+优秀项目+全部资料.zip
- 基于go-zero实现的网盘系统详细文档+优秀项目+全部资料.zip
- 基于go-zero框架数据中台系统详细文档+优秀项目+全部资料.zip
- 基于go-zero和gorm开发的分布式微服务后端权限管理系统脚手架。十分合适新手入手go-zero、gorm、casbin、jwt等。详细文档+优秀项目+全部
- 基于Go的WebSocket直播间推送系统详细文档+优秀项目+全部资料.zip
- 基于Go和GraphQL的微型进销存系统：服务器端（基于Golang，GraphQL，GORM，jwt-go等开发）详细文档+优秀项目+全部资料.zip
- 基于go的自托管博客系统详细文档+优秀项目+全部资料.zip
- 基于go开发的分布式高并发web电商系统详细文档+优秀项目+全部资料.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
