在其動態渲染表格之前獲取有後臺傳遞的資料時，可採用如下程式碼：

    var $table = $("#theTable");
    $table.bootstrapTable({
            url: "url", 
            dataType: "json",
            singleSelect: false,
            striped: true, //是否顯示行間隔色
            cache: false, //是否使用快取，預設為true，所以一般情況下需要設定一下這個屬性（*）
            sortable: true
 
, //是否啟用排序 
            pagination: true,   //顯示分頁按鈕
            sortName:"starttime",
            sortOrder:"desc", //預設排序
            pageNumber: 1, //初始化載入第一頁，預設第一頁
            pageSize: 10,   //預設顯示的每頁個數
            pageList: [10, 25, 50, 100],    //可供選擇的每頁的行數（*）
            queryParamsType: '', //預設值為 'limit' ,在預設情況下 傳給服務端的引數為：offset,limit,sort // 設定為 '' 在這種情況下傳給伺服器的引數為：pageSize,pageNumber
 

            queryParams:function(params){
                var temp = {     
                    pageSize: params.pageSize,   //頁面大小
                    pageNumber: params.pageNumber,  //頁碼
                    sortName: params.sortName,  //排序列
                    sortOrder: params.sortOrder,    //排序方式
                    queryJson: JSON
 
.stringify(getQuetyData()),  //查詢資料
                }
                return temp;
            },
            responseHandler:function(res){
                //動態渲染表格之前獲取有後臺傳遞的資料時,用於獲取出除去本身渲染所需的資料的額外引數
                //詳見此函式引數的api
                return res;
            },
            //search: true, 顯示搜尋框（客戶端搜尋）
            sidePagination: "server", //服務端處理分頁
            //showToggle:true,                    //是否顯示詳細檢視和列表檢視的切換按鈕
            //cardView: false,                    //是否顯示詳細檢視
            detailView: false,                   //是否顯示父子表
            columns: [{  
                //field: 'Number',//可不加  
                title: '序號',//標題  可不加  
                align : 'center',
                valign : 'middle',
                width : 60 ,
                formatter: function (value, row, index) {  
                    return index+1;  
                }  
            },{
                title : '備註',
                field : 'beforeAmount',
                align : 'center',
                width :  100,
                valign : 'middle',
                formatter : function(value,row,index){ 
                    if(value==""){
                        value='-'
                    }
                    var remark = value
                    return remark;
                } 
            },{
                title : '操作',
                field : 'id',
                align : 'center',
                width :  120 ,
                valign : 'middle',
                formatter : function(value,row,index){   
                    var e = '<a href="javascript:void()" onclick="editProject(\''+ row.id + '\')">編輯</a> ';  
                    var d = '<a href="javascript:void()" onclick="deleteProject(\''+ row.id +'\')">刪除</a> '; 
                    if(row.progress_status=="0"){
                        return e+d;
                    }else{
                        return "";
                    }
                } 
            }],
            onLoadSuccess: function(){  //載入成功時執行  
                $("#theTable th").css("text-align","center");  //設定表頭內容居中
            },  
            onLoadError: function(){  //載入失敗時執行  
                alert("載入資料失敗");  
            }        
        });