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()             });         });     })