bootstraptable扩展插件（bootstrap-table-export.js）增加表格导出功能

源码

$(function() { //初始化bootstrapTable
    var oTableInter = new TableInitInterface();
    oTableInter.Init();
  });
  var TableInitInterface = function() {
    var oTableInit = new Object();
    oTableInit.Init = function() {
      $stockTable.bootstrapTable({
        //url: '/Home/GetDepartment', //请求后台的URL（*）
        //method: 'get', //请求方式（*）
        //toolbar: '#toolbar', //工具按钮用哪个容器
        striped: true, //是否显示行间隔色
        cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true, //是否显示分页（*）
        sortable: true, //是否启用排序
        sortOrder: "desc", //排序方式
        showExport: true,  //是否显示导出按钮
        buttonsAlign:"right",  //按钮位置
        exportTypes:['excel'],  //导出文件类型
        Icons:'glyphicon-export',
        //queryParams: oTableInit.queryParams, //传递参数（*）
        sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1, //初始化加载第一页，默认第一页
        pageSize: 5, //每页的记录行数（*）
        pageList: [5, 10, 15, 20], //可供选择的每页的行数（*）
        search: false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
        strictSearch: true,
        showColumns: true, //是否显示所有的列
        showRefresh: false, //是否显示刷新按钮
        minimumCountColumns: 2, //最少允许的列数
        clickToSelect: true, //是否启用点击选中行
        //height: 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "collateralNum", //每一行的唯一标识，一般为主键列
        showToggle: true, //是否显示详细视图和列表视图的切换按钮
        cardView: false, //是否显示详细视图
        detailView: false, //是否显示父子表
        data: dataInterface,
        columns: [
          {
          field: 'id',
          title: '操作',
          width: '160px',
          align: "center",
          valign: 'middle', // 上下居中
          checkbox:true,
          },
          {
            field: 'collateralNum',
            title: '押品编号',
            align: "center",
            valign: 'middle', // 上下居中
            visible: true
          },
          {
            field: 'borrower',
            title: '借款人',
            align: "center",
            valign: 'middle', // 上下居中
            visible: true
          },]

})

要导入的js

$(function() { //初始化bootstrapTable
    var oTableInter = new TableInitInterface();
    oTableInter.Init();
  });
  var TableInitInterface = function() {
    var oTableInit = new Object();
    oTableInit.Init = function() {
      $stockTable.bootstrapTable({
        //url: '/Home/GetDepartment', //请求后台的URL（*）
        //method: 'get', //请求方式（*）
        //toolbar: '#toolbar', //工具按钮用哪个容器
        striped: true, //是否显示行间隔色
        cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true, //是否显示分页（*）
        sortable: true, //是否启用排序
        sortOrder: "desc", //排序方式
        showExport: true,  //是否显示导出按钮
        buttonsAlign:"right",  //按钮位置
        exportTypes:['excel'],  //导出文件类型
        Icons:'glyphicon-export',
        //queryParams: oTableInit.queryParams, //传递参数（*）
        sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1, //初始化加载第一页，默认第一页
        pageSize: 5, //每页的记录行数（*）
        pageList: [5, 10, 15, 20], //可供选择的每页的行数（*）
        search: false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
        strictSearch: true,
        showColumns: true, //是否显示所有的列
        showRefresh: false, //是否显示刷新按钮
        minimumCountColumns: 2, //最少允许的列数
        clickToSelect: true, //是否启用点击选中行
        //height: 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "collateralNum", //每一行的唯一标识，一般为主键列
        showToggle: true, //是否显示详细视图和列表视图的切换按钮
        cardView: false, //是否显示详细视图
        detailView: false, //是否显示父子表
        data: dataInterface,
        columns: [
          {
          field: 'id',
          title: '操作',
          width: '160px',
          align: "center",
          valign: 'middle', // 上下居中
          checkbox:true,
          },
          {
            field: 'collateralNum',
            title: '押品编号',
            align: "center",
            valign: 'middle', // 上下居中
            visible: true
          },
          {
            field: 'borrower',
            title: '借款人',
            align: "center",
            valign: 'middle', // 上下居中
            visible: true
          },

要导入的js的包：https://blog.csdn.net/ning521513/article/details/60744749