bootstrapTable 使用范例

$('#querylist').bootstrapTable({
            url: 'rode/selectRode.do',
            method: 'post',
            dataType: "json",
            contentType: "application/x-www-form-urlencoded",              //如果有中文必填
            cache: false, // 不缓存
            striped: true, // 隔行加亮
            pagination: true, // 开启分页功能
            //showRefresh: true, // 开启刷新功能
            pageSize:10, //每页的记录行数（*）
            pageNumber:1,    //默认打开的页数
            clickToSelect: true, // 单击行即可以选中
            sidePagination: "server",   //server端分页
            paginationLoop:false,   //是否可以循环下一页
            pageList:[15,20],            //可以显示的行数
            singleSelect:true,             //是否单选
            height:505,                       //表格高度
            //silent: true, //刷新事件必须设置
            formatLoadingMessage: function () {
                return "请稍等，正在加载中...";},
            formatNoMatches: function () { 
                return '无符合条件的记录';},
            queryParams: function (params) { 
                $("#endProvHide").val();
                return {                                    //传递到后台的值
                    start: params.offset,
                    pageSize: params.limit,
                    method: $("#methodHide").val(),
                    startProv: $("#startProvHide").val(),
                    startCity: $("#startCityHide").val(),
                    endProv: $("#endProvHide").val(),
                }  
            },
            columns: [{
                checkbox: true
            },{
                field: 'id',
                title: 'id',
                visible:false,
            },{
                field: 'startProv',
                title: '起点省份'
            },{
                field: 'startCity',
                title: '起点城市'
            }, {
                field: 'endProv',
                title: '终点省份'
            },
            {
                field: 'method',
                title: '运输方式'
            },
            {
                field: '',
                title: '操作',
                width: 150,
                align: 'center',
                formatter:function(value,row,index){                                                                                                   //自定义函数
                    var a = '<button type="button" class="btn btn-primary btn-xs" id="bianji" onclick="editThis('+row.id+',\''+row.method+'\',\''+row.startProv+'\',\''+row.startCity+'\',\''+row.endProv+'\')">编辑</button>';   //注意转义字符
                    var b = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'; 
                    var c = '<button type="button" class="btn btn-danger btn-xs"  onclick="chooseId('+row.id+')">删除</button>';  
                         return a+b+c;  
                     } 
            }]
        })

----------


----------