之前也接觸過使用POI匯入匯出excel表，今天就試試了tableExport.js匯出excel表，還很好上手。

廢話不多說，直接上碼。

前端頁面需要準備的材料：
常用的bootstrap css 和 js，這裡需要匯入tableExport.js針對excel匯入匯出的![
![](https://img-blog.csdnimg.cn/20181105121200787.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzQ5NDkwOA==,size_16,color_FFFFFF,t_70

  <link rel="stylesheet" type="text/css" href="${path}/cs/bootstrap-table.min.css"/>
  <link rel="stylesheet" type="text/css" href="${path}/cs/bootstrap.min.css"/>
  
  <script type="text/javascript" src="${path}/js/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="${path}/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="${path}/js/bootstrap-table.min.js"></script>
  <script type="text/javascript" src="${path}/js/tableExport.js"></script>
  <script type="text/javascript" src="${path}/js/bootstrap-table-zh-CN.js"></script>
 

常規操作：弄一個button 資料匯出

 <button type="button" class="btn btn c-theme-btn" id="btn_download">資料匯出</button>

常規操作：定義一個點選事件

	$('body').on('click','#btn_download',function(){//新增按鈕點選事件
			      $('#table_page').tableExport( { type: 'excel', escape: 'false' , fileName: name + '工資表匯出資料' });
			  });
 

需要注意的是：1.該工具只能到當前頁面顯示的，如果頁面有摺疊，顯示隱藏項的列就只能匯出你操作後的結果（可能我用的還不是很熟練），2.如果搜尋很多條，它也只匯出當前頁的資訊，所有有必要修改下一個頁面需要展示多少條（pageList）。

	                pageNumber: 1,    //如果設定了分頁，首頁頁碼
					pageSize: 10,                       //每頁的記錄行數（*）
				    pageList: [10,20，50，100],        //可供選擇的每頁的行數（*）