1. 程式人生 > >使用jquery.table2excel.js匯出頁面列表為excel表格

使用jquery.table2excel.js匯出頁面列表為excel表格

最近做專案遇到了列表匯出功能,發揮程式設計師不懂就搜的風格,找到一款外掛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類名,標記以後他們就不會被匯出了。