$(function() {
        // 刷新 talbe
        function refresh() {
            $("#table").bootstrapTable('refresh');
        }

        $(function() {
            //初始化表格
            var oTable = new TableInit();
            oTable.Init();
            
            
            $("#btn_sus").click(function() {
                var opts = $('#table').bootstrapTable('getSelections'); // 獲取table中選中的列
                console.log(opts);
                if (opts == "") {
                    toastr.warning("請選擇要刪除的數據");
                } else {
                    
                    $("#delcfmMsg").text("您確定要啟用多個用戶嗎？");
                    $("#delcfmModel").modal();

                }
            });
            $("#btn_del").click(function() {
                var opts = $('#table').bootstrapTable('getSelections');
                console.log(opts);
                if (opts == "") {
                    toastr.warning("請選擇要刪除的數據");
                } else {
                    $("#delcfmMsg").text("您確定要禁用多個用戶嗎？");
                    $("#delcfmModel").modal();
                }
            })
            // 更新用戶狀態 為頁面確定取消click事件執行次方法
            $("#confirm").click(function() {
                // 執行邏輯
            })
        });



        function TableInit() {
            var oTableInit = new Object();
            //初始化Table
            oTableInit.Init = function() {
                $('#table').bootstrapTable({
                    url: ‘www.baidu.com', //請求后臺的URL（*）
                    method: 'get', //請求方式（*）
                    striped: true, //是否顯示行間隔色
                    cache: false, //是否使用緩存，默認為true，所以一般情況下需要設置一下這個屬性（*）
                    pagination: true, //是否顯示分頁（*）
                    sortOrder: "asc", //排序方式
                    queryParamsType: '',
                    search: true,
                    contentType: "application/x-www-form-urlencoded",
                    dataType: 'json',
                    paginationShowPageGo: true,
                    toolbar: '#toolbar',
                    showJumpto: true,
                    pageNumber: 1, //初始化加載第一頁，默認第一頁
                    queryParams: queryParams, //請求服務器時所傳的參數
                    sidePagination: 'server', //指定服務器端分頁
                    pageSize: 10, //單頁記錄數
                    pageList: [10, 20, 30, 40], //分頁步進值
                    search: false, //是否顯示表格搜索，此搜索是客戶端搜索，不會進服務端，所以，個人感覺意義不大
                    silent: true,
                    showRefresh: true, //是否顯示刷新按鈕
                    showToggle: false,
                    minimumCountColumns: 2, //最少允許的列數
                    uniqueId: "id", //每一行的唯一標識，一般為主鍵列
                    columns: [{
                            checkbox: true
                        }, {
                            field: 'realName',
                            title: '列',
                            align: 'center',
                            valign: 'middle',
                        } ,{
                            field: 'telephone',
                            title: '列',
                            align: 'center',
                            valign: 'middle',
                        },
                    ],
                    responseHandler: function(res) { //后臺返回的結果
                        var data = {
                            total: res.data.total,//服務器分頁必須傳 總數量
                            rows: res.data.list // 數據集合
                        };
                        // 這里使用的是服務器分頁
                        return data;
                    },
                });

            };

            // 得到查詢的參數 刷新table 就可以執行查詢 如果需要其他參數 添加到temp即可 params.pageNumber 數table的 page 和limit是后臺自定的分頁參數名字
            function queryParams(params) {
                var temp = { //這里的鍵的名字和控制器的變量名必須一直，這邊改動，控制器也需要改成一樣的
                    page: params.pageNumber,
                    limit: params.pageSize
                };
                return temp;
            }
            return oTableInit;
        };

// 配置彈出框參數 jquery 彈框需要先引入jquery
        toastr.options = {
            positionClass: "toast-top-center",
            autoDismiss: true,
      }
// 例如
<script src="../js/jQuery-2.2.0.min.js"></script>
<script src="../js/toastr.js"></script>
<script src="https://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script>

<link rel="stylesheet" type="text/css" >



// 參數配置參考
https://www.rzrgm.cn/webcyh/p/11348721.html