bootstrap-table使用浅析

做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({