bootstrap-table 数据导出excel格式

咱们常常会须要将表格的数据导出excel格式，bootstrap-table有个导出的扩展插件

首先引入四个js文件

<script src="../../plugins/tableExport.jquery.plugin-master/libs/FileSaver/FileSaver.min.js"></script>
<script src="../../plugins/tableExport.jquery.plugin-master/libs/js-xlsx/xlsx.core.min.js"></script>
<script src="../../plugins/tableExport.jquery.plugin-master/tableExport.js"></script>  
<script src="../../plugins/tableExport.jquery.plugin-master/bootstrap-table-export.js"></script>  

在table里设置属性data-export-types="['excel']"

下面是js

$(document).ready(function(){
     $('#tableTest1').bootstrapTable('resetView');
     $('#tableTest1').bootstrapTable('destroy').bootstrapTable({  
            
            showExport: true,//显示导出按钮  
            exportDataType: "all",//导出类型    
        }); 
    })

这样就能够导出所有数据

若是在表格的上面能够选择基本导出（在分页的状况导出当前页）和所有导出

须要在table上面加

      <div id="toolbar">
            <select class="form-control">
              <option value="">单页导出</option>
                <option value="all">导出所有</option>
                </select>
        </div>

下面的js改为以下：

$(document).ready(function(){      $('#tableTest1').bootstrapTable('resetView');      var $table = $('#tableTest1');         $('#toolbar').find('select').change(function () {             $table.bootstrapTable('destroy').bootstrapTable({                 exportDataType: $(this).val()             });         });     })