Bootstrap-table分页表格用法

记录一下我今天学习Bootstrap-table的用法。使用的是后台分页，排序和分页都是前台传字段给后台，后台处理好了再给前台，前台除了显示不应该有其它逻辑处理。为了增加我的代码难度，我准备使用快排或者堆排序。。。

数据为空时显示

小于分页条数时显示

大于分页条数时显示

还可以给表格的单元格设置不同的颜色

给表格增加操作列

head中额外加入

body中一个普通的表格

js中初始化表格

$("#codeCheckTable").bootstrapTable({

    method:'get',

    url:"a.json",//要请求数据的文件路径

    pageNumber: 1,//初始化加载第一页，默认第一页

    pagination:true,//是否分页

    sidePagination:'server',//指定服务器端分页

    pageSize:5,//单页记录数

    pageList:[5,10],//分页步进值

    showRefresh:true,//刷新按钮

    showColumns:true,

    clickToSelect:true,//是否启用点击选中行

    toolbarAlign:'right',//工具栏对齐方式

    buttonsAlign:'right',//按钮对齐方式

    toolbar:'#toolbar',//指定工作栏

    queryParams :function(params) {

        return {

            offset: params.offset+1,

            pageSize: params.limit,

        };

    },

    columns:[

    {

    title:'ID',

    field:'id',

    visible:false

    },

    {

    title:'姓名',

    field:'name',

    sortable:true,

    cellStyle:{ //设置样式

        css:{"background-color":"pink"} 

    } 

    },

    {

    title:'年龄',

    field:'age',

    sortable:true

    }

    ],

    locale:'zh-CN',//中文支持,

    responseHandler:function(res){

    //在ajax获取到数据，渲染表格之前，修改数据源

    return res;

    }

    })

a.json 注意后台传过来的json必须遵守上面的格式，即必须有total，数据以rows开头

对单元格进行监听

注意这里要写window，而且这个要写在下面的前面，否则会报undefined错误