使用jquery.table2excel.js匯出頁面列表為excel表格
阿新 • • 發佈:2018-12-31
最近做專案遇到了列表匯出功能,發揮程式設計師不懂就搜的風格,找到一款外掛jquery.table2excel.js;
使用時只需將該檔案下載到本地專案目錄,連結完成即可;
配置方式如下,給匯出按鈕新增點選事件:
function export_list(){
$("#xxxxxx").table2excel({
// exclude CSS class
exclude: ".noExl",
name: "Worksheet Name",
filename: "xxxxx表" ,//do not include extension
exclude_img: true,
exclude_links: true,
exclude_inputs: true
});
}
exclude是設定不被匯出的行。然而更多的情況下我們生成的列表某一列是序號而不是某一行,也有可能會有其他操作標籤如checkbox作為列表多選全選;但是我們匯出時是不需要這些東西的,而原外掛只是設定了不被匯出的行,這樣就導致不想匯出的列還是會被匯出;經過一番修改,終於解決了這個問題,現貢獻給各位為這個問題頭疼已久的程式設計師們,需要的可以去下載,現在給大家貼出頁面程式碼:
<table id="suppliers">
<thead>
<tr class="table-nav">
<th class="noExl"><label style="cursor: pointer;"><input type="checkbox" style="margin-right: 5px;" class="all namecheck"/></label></th>
<th class="noExl">No.</th>
<th class="width-8em">供應商編號</th>
<th>供應商名稱</th>
<th class="width-8em">聯絡電話</th>
<th class="width-8em">外交</th>
<th class="width-8em">所屬地區</th>
<th class="width-8em">有效期</th>
<th class="width-8em">狀態</th>
<th style="width: 200px">操作</th>
</tr>
</thead>
<tbody id="supplier_list">
<volist name="supplier" id="vo">
<tr class="list list_supplier">
<td class="noExl"><input type="checkbox" name="" style="margin-right: 5px;" id="" value="{$vo.supplier_id}"/></td>
<td class="noExl">
<span class="cell-text">{$key+1}</span>
</td>
<td>
<span class="cell-text" title="{$vo.supplier_num}">{$vo.supplier_num}</span>
</td>
<td>
<span class="cell-text" title="{$vo.supplier_name}">{$vo.supplier_name}</span>
</td>
<td>
<span class="cell-text">{$vo.tel}</span>
</td>
<td>
<span class="cell-text">
是</span>
</td>
<td>
<span class="cell-text">{$vo.area_name}</span>
</td>
<td>
<span class="cell-text">{:date('Y-m-d',$vo['valid_day'])}</span>
</td>
<td>
<span class="cell-text status3">禁用</span>
</td>
<td><span class="cell-text">
<a href="##" class="look_sup" id="look">檢視</a> |
<a href="##" class="edit_sup" id="edit">修改</a> |
<a href="##" class="delete_sup" id="edit">加入黑名單</a>
</span>
</td>
</tr>
</volist>
</tbody>
</table>
可以看到我給我列表中checkbox這一列添加了noExl類名,給我的序號這一列也添加了noExl類名,標記以後他們就不會被匯出了。