做JavaWeb一个论坛项目,要求帖子列表实现分页功能,多番查找,最后还是选择了bootstrap-table表格,觉得相对而言简单一点点吧。。。话不多说,先上效果图:
首先jsp页面头部除了引入bootstrap相关的js与css文件之外,还要引入如下文件
<script src="js/bootstrap-table.js"></script>
<link href="css/bootstrap-table.css" rel="stylesheet" />
<script src="js/bootstrap-table-zh-CN.js"></script>
可以去这里下载
bootstrap-table下载
引入文件之后开始进入正题
在要显示的页面的body标签中加入如下table标签
<table id="tb_departments" data-click-to-select="true">
</table>
在本页面head头部添加script脚本如下
<script>
$(function () {
//1.初始化Table
var oTable = new TableInit();
oTable.Init();
//2.初始化Button的点击事件
var oButtonInit = new ButtonInit();
oButtonInit.Init();
});
var TableInit = function () {
var oTableInit = new Object();
//初始化Table
var modleId = '${modleId}'; //获取板块id以获取对应的帖子列表
oTableInit.Init = function () {
$('#tb_departments').bootstrapTable({