使用之tableExport 匯出excel表
阿新 • • 發佈:2018-12-19
之前也接觸過使用POI匯入匯出excel表,今天就試試了tableExport.js匯出excel表,還很好上手。
廢話不多說,直接上碼。
<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], //可供選擇的每頁的行數(*)