Bootstrap-table使用详细介绍

bootstrap-table是一个非常好用的表格插件，提供了很多工具及分页、搜索等功能。

首先我们需要下面几个文件，

中文包好像可以防止某些bug

如果你单独引入这些文件而导致样式出错，请下载完整的bootstrap-table

下面是bootstrap-table的加载

如果数据库中取出来的list需要加工一下再显示可以使用formatter：

{
                field: 'group',
                title: '用户组',
                formatter: function(value,row,index){
                     	if(value=="user"){
                     		return "普通用户组"
                     	}else if(value=="admin"){
                     		return "管理员组"
                     	}
                     }
            }

还可以在表格中加入js方法，以扩展功能：

{
                field: 'do',
                title: '操作',
                formatter: function(value,row,index){
                 var e ='删除 ';
                 return e;
                 
                 }

function del(a){
 	$.ajax({
 		type : "post",
 		url:"${pageContext.request.contextPath}/userinfo/deluser",
 		data:{username:a},
 		dataType : "json",
		success : function(result) {
			alert("成功删除用户:"+a);
			$.post("${pageContext.request.contextPath}/userinfo/alluser", {
				limit : 10, //页面大小
				offset : 1, //页码
			}, function(data){
				$('#tb_departments').bootstrapTable('load', data);
			});
			
		},
 		error : function(errorMsg) {
			//请求失败时执行该函数
			alert("失败!");
		}

 	});
 };

这些仅是bootstrap的简单配置，下面我会继续拓展。

关于bootstraptable的分页可以参考我这篇博客：

http://blog.csdn.net/qq_32715873/article/details/54016797