bootstrap table 导出xlsx

 

想要实现导出功能，必须要4个js

这里可以下载：https://download.csdn.net/download/shushugood/10605776

<!-- table_export--> 
<script type="text/javascript" src="lib/bootstrap/table_export/bootstrap-table-export.js" ></script>
<script type="text/javascript" src="lib/bootstrap/table_export/tableExport.js" ></script>  
<script type="text/javascript" src="lib/bootstrap/table_export/xlsx.core.min.js" ></script> 
<script type="text/javascript" src="lib/bootstrap/table_export/FileSaver.min.js" ></script>

 <script>
      $(document).ready(function() {
            //调用函数，初始化表格 
            var oTable = new TableInit();
            oTable.Init(); 
              
    });
    var TableInit = function () {
            var oTableInit = new Object();
            //初始化Table
            oTableInit.Init = function () {
              //  var sname11 = $("#sname1").val();
                var urlStr = '/getMetriclog';
                //console.log(urlStr);
                $('#studentTable').bootstrapTable({
                    url: urlStr,         //请求后台的URL（*）
                    method: 'post',                      //请求方式（*）
                    toolbar: '#toolbar',                //工具按钮用哪个容器
                    striped: true,                      //是否显示行间隔色
                    cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                    pagination: true,                   //是否显示分页（*）
                    sortable: false,                     //是否启用排序
                    sortOrder: "asc",                   //排序方式
                    showRefresh: true,                   //增加刷新
                    showColumns: true,                   //显示列名
                    minimumCountColumns: 4,             //最少允许的列数
                    search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                    queryParams: oTableInit.queryParams,//传递参数（*）
                    toolbar: '#exampleTableEventsToolbar',// 可以在table上方显示的一条工具栏，
                    
                    /*  queryParams : {
                        sname1 : 'r',
                        UserId : 'admin'
                    }, */
                    sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
                    pageNumber:1,                       //初始化加载第一页，默认第一页
                    pageSize: 10,                       //每页的记录行数（*）
                    pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                    strictSearch: true,
                    clickToSelect: true,                //是否启用点击选中行
                    height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                    uniqueId: "LId",                     //每一行的唯一标识，一般为主键列
                    cardView: false,                    //是否显示详细视图
                    detailView: false,                   //是否显示父子表
                    columns: [{
                        checkbox : true
                    },{
                        field: 'MW_Name',
                        title: '模块名称'
                    }, {
                        field: 'MW_Host',
                        title: '主机'
                    }, {
                        field: 'LId',
                        title: '随机ID'
                    }, {
                        field: 'Log_Time',
                        class:'Msize',
                        title: '日志时间',
                        formatter: function (value, row, index) {
                            return changeDateFormat(value)
                        }  
                    }, {
                        field: 'Req_QueryId',
                        title: '查询ID'
                    } , {
                        field: 'UserId',
                        title: '用户ID'
                    } , {
                        field: 'Web_ModuleId',
                        title: 'WEB模块ID'
                    } , {
                        field: 'Web_Module_Name',
                        title: 'WEB模块名'
                    } , {
                        field: 'Log_Level',
                        title: '日志级别'
                    } , {
                        field: 'Log_Line',
                        title: '日志流程'
                    } , {
                        field: 'Log_Text',
                        title: '日志TEXT',
                        visible: false
                    } , {
                        field: 'Log_Error',
                        title: '错误日志',
                        visible: false
                    } , {
                        field: 'Log_Stack',
                        title: '错误栈',
                        visible: false
                    }  
                    ], 
                  onLoadSuccess: function(){  //加载成功时执行
    	  console.info("加载成功");
      },
      onLoadError: function(){  //加载失败时执行
          console.info("加载数据失败");
      },

              //>>>>>>>>>>>>>>导出excel表格设置
                   showExport:true,             //是否显示导出按钮(此方法是自己写的目的是判断终端是电脑还是手机,电脑则返回true,手机返回falsee,手机不显示按钮)
                  exportDataType: "basic",              //basic', 'all', 'selected'.
                  exportTypes:['excel','xlsx'],	    //导出类型
                  //exportButton: $('#btn_export'),     //为按钮btn_export  绑定导出事件  自定义导出按钮(可以不用)
                  exportOptions:{  
                      //ignoreColumn: [0,0],            //忽略某一列的索引  
                      fileName: '数据导出',              //文件名称设置  
                      worksheetName: 'Sheet1',          //表格工作区名称  
                      tableName: '商品数据表',  
                      excelstyles: ['background-color', 'color', 'font-size', 'font-weight'],  
                      //onMsoNumberFormat: DoOnMsoNumberFormat  
                  }
                  //导出excel表格设置<<<<<<<<<<<<<<<<
                  // ,data: users
                });
            };

            //得到查询的参数
          oTableInit.queryParams = function (params) {
                var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    limit: params.limit,   //页面大小
                    offset: params.offset,  //页码
                    starttime : $("#startTime").val(),
                    endtime : $("#endTime").val(),
                    userid : $("#userid").val(),
                    search:params.search  //页面条件筛选
                };
                return temp;
            };
            return oTableInit;
        };
    
 </script>