問題一：右上角button樣式自定義
方法：
//修改bootstrap-table右上角按鈕樣式 $(".table-box .columns-right button").removeClass("btn-secondary").css({"backgroundColor": "#fafafa","border": "1px solid #c2c2c2","color": "#333333"});
問題二：.右上角引用圖標自定義
iconsPrefix: 'fa', //定義圖標集名稱（'glyphicon'或'fa'FontAwesome）。默認情況下'fa'用於Bootstrap v4。 icons: { refresh: 'fa-refresh', columns: 'fa-th-list', toggleOff: 'fa-toggle-off', toggleOn: 'fa-toggle-on', detailOpen: 'fa-plus', detailClose: 'fa-minus', fullscreen: 'fa-arrows-alt' },
問題三：表頭/表格內容顯示不對齊
//在文件【bootstrap-table.js】中找到BootstrapTable.prototype.resetView方法，將其中的 this.resetHeader(); padding += this.$header.outerHeight(); //這兩句代碼注釋掉。
問題四：自定義設置表頭及表格邊框樣式
.fixed-table-container thead th , .fixed-table-container tbody td{ border:0px; border-bottom: 1px solid #c2c2c2; }
rowStyle: function (row, index) { return { css: { "border": "0px", "border-bottom":"1px solid red",//此處設置border后，復選框一列沒有border值，最好還是用css設置tr的border "height": "30px", "padding": "0 10px" } }; },
問題五：表格寬度自適應
columns參數中設置固定寬度width: '70'。當頁面寬度大於表格總寬度時，表格會自動放寬，
問題六：提交數據后，后台接受到的值為null。設置contentType后，問題解決
contentType: "application/x-www-form-urlencoded",//發送到服務器的數據編碼類型
問題七：sortName設置的跟接口文檔中字段名稱一致，但加載頁面報500。修改為與數據庫一致后，問題解決
sortName: "user_login_name", //名稱要與數據庫一致
問題八：提交數據后，刷新table
$("#userTable").bootstrapTable("refresh", {
silent: true //靜態刷新
});
問題九：自定義查詢條件配置
queryParams : function (params) { //這里的鍵的名字和控制器的變量名必須一直，這邊改動，控制器也需要改成一樣的 var temp = { size: params.limit, //頁面大小 current: (params.offset / params.limit) + 1, //頁碼 sort: params.sort, //排序列名 sortOrder: params.order, //排位命令（desc，asc） userName : $("#search-user-name").val(), userState : $("#search-user-state").val() }; return temp; },
問題十： 獲取選中行的數據，根據返回值的length判斷是否有選中的數據
var checkedRows = $("#userTable").bootstrapTable('getSelections'); if(checkedRows.length == 0){ layer.msg("請先選擇需要刪除的數據！"); }else if(checkedRows.length >= 1){ …… }