bootstrap-table样式修改

bootstrap-table修改后的效果如下

1.删除边线

2. 修改toolbar位置

    

        
        

            


                


                    

                        
 用户管理 
                        

                        

                            

                                姓名
                                工号
                                部门
                                
                                
                            
                        
                        
                        

                            

                            

                                

                                
ID
                                
姓名
                                
工号
                                
单位
                                
部门
                                
性别
                            
                            
                        
                    

                        
                        
                        
                    
                    
                
            
        
    

3.js代码，不显示bootstrap-table多余按钮

/bootstrap-table初始化
$("#bootstrap-table").bootstrapTable({
    url: "pageModel",
    //请求后台的URL（*）
    dataType: "json",
    // 此间是与client不一样的地方=======================开始
    contentType: "application/x-www-form-urlencoded",
    sidePagination: "server",
    //分页方式：client客户端分页，server服务端分页（*）
    //修改请求参数，不设置则有默认值 ，返回值必须是一个对象
    method: 'POST',
    //请求方式（*）
    toolbar: '#toolbar',
    toolbarAlign:'right',
    sortable: true,
    sortName: "id",
    sortOrder: "desc",
    //排序方式
    // 此间是与client不一样的地方=======================结束
    striped: true,
    //是否显示行间隔色
    cache: false,
    //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
    pagination: true,
    showHeader: true,
    pageNumber: 1,
    //初始化加载第一页，默认第一页,并记录
    pageSize: 10,
    //每页的记录行数（*）
    pageList: [10, 20, 100],
    queryParams:queryParam,
    //最少允许的列数
    clickToSelect: true,
    //是否启用点击选中行
    uniqueId: "id",
    //每一行的唯一标识，一般为主键列
});



function queryParam(params){
    var name = $('#name').val();   
    var num = $('#num').val();
    var depart = $('#depart').val();
    	var param = {
    	        pageNumber : this.pageNumber,
    	        pageSize : this.pageSize,
    	        name: name,
                num: num,
                depart:depart
    	};
    	return param;
    }