bootstrapTable 导出Excel

引入js:

bootstrap-table-export.js

tableexport.js

 

 

bootstrapTable 配置：
$("#table").bootstrapTable({ // 对应table标签的id
      url: //AJAX获取表格数据的url
      striped: true,                      //是否显示行间隔色(斑马线)
      pagination: true,                   //是否显示分页（*）
      sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
      responseHandler: function(data){
            return data.rows;
      },
      paginationLoop: false,          //当前页是边界时是否可以继续按
      //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder  
      //设置为limit可以获取limit, offset, search, sort, order  
        queryParamsType : "undefined",   
        queryParams: function queryParams(params) {   //设置查询参数  
          var param = {    
              pageNo: params.pageNumber,    
              pageSize: 1000000,  //客户端分页设置最大查询数
              sort: params.sortName,  //排序列名  
              sortOrder: params.sortOrder//排位命令（desc，asc） 
          };    
          return param;                   
        },  
      pageNumber:1,                       //初始化加载第一页，默认第一页
      pageSize: 10,                       //每页的记录行数（*）
      pageList: [10, 25, 50, 100],  //可供选择的每页的行数（*）
      contentType: "application/x-www-form-urlencoded",//一种编码。在post请求的时候需要用到。这里用的get请求，注释掉这句话也能拿到数据
      //search: true,                     //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
      strictSearch: false,          //是否全局匹配,false模糊匹配
      showColumns: true,                  //是否显示所有的列
      showRefresh: true,                  //是否显示刷新按钮
      minimumCountColumns: 2,             //最少允许的列数
      clickToSelect: false,               //是否启用点击选中行
      //height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
      //uniqueId: "id",                   //每一行的唯一标识，一般为主键列
      showToggle:true,                    //是否显示详细视图和列表视图的切换按钮
      cardView: false,                    //是否显示详细视图
      detailView: false,                  //是否显示父子表
      cache: false,                       // 设置为 false 禁用 AJAX 数据缓存， 默认为true
      sortable: true,                     //是否启用排序
      sortOrder: "asc",                   //排序方式
      sortName: 'id', // 要排序的字段
      columns: [
          {
              field: 'id', // 返回json数据中的name
              title: '', // 表格表头显示文字
              align: 'center', // 左右居中
              valign: 'middle' // 上下居中
          }
      ],
      onLoadSuccess: function(){  //加载成功时执行
          console.info("加载成功");
      },
      onLoadError: function(){  //加载失败时执行
          console.info("加载数据失败");
      },
      
      //=============导出excel表格设置
     exportDataType:'all',//basic', 'all', 'selected'.
     exportOptions:{  
                ignoreColumn: [0,1],  //忽略某一列的索引  
                fileName: '导出数据',  //文件名称设置  
                worksheetName: 'sheet1',  //表格工作区名称  
                tableName: '数据',  
                excelstyles: ['background-color', 'color', 'font-size', 'font-weight','border-top']
            },
     showExport: true,  //是否显示导出按钮
     buttonsAlign:"right",  //按钮位置
     exportTypes:['csv'],  //导出文件类型
      //============导出excel表格设置
 
});