前端把html表格生成為excel表格的實例
更新時間：2017年09月19日 08:11:36 作者：當年華褪去生澀
下面小編就為大家?guī)硪黄岸税裩tml表格生成為excel表格的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
最近公司改后臺管理系統(tǒng)。要求導出臺賬項目等等為excel表格，找半天還真有，他是通過query.table2excel.js 實現(xiàn)，原諒我原生不會弄這個當然大家有可以給我留言。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table class="table"> //表格
<tr class="noExl"> //加class是為了有些你不想導出用來選則
<th>Header</th>
<th>111</th>
</tr>
<tr>
<td>Data</td>
<td>222</td>
</tr>
</table>
<button id="btn">導出</button>
<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>//引入jquery
<script src="js/jquery.table2excel.js" type="text/javascript" charset="utf-8"></script> //引入jquer插件
<script type="text/javascript">
$("#btn").click(function(){ //點擊按鈕執(zhí)行導出
$(".table").table2excel({ //選取導出的表格
exclude: ".noExl", //寫你不想都想導出的
name: "Excel Document Name",
filename: "項目", //導出的文件名
exclude_img: true, //是否導出圖片
exclude_links: true,
exclude_inputs: true
});
})
</script>
</body>
</html>
以上這篇前端把html表格生成為excel表格的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
javascript-簡單的計算器實現(xiàn)步驟分解(附圖)
輸入內容的判斷，對于事件對象的來源的判斷以及數(shù)學運算“+，-，*，/”的使用，感興趣的朋友可以學習下2013-05-05
項目開發(fā)遇到個問題，就是引入bootstrap下拉多選框進行多選的時候，用form表單提交到后臺，獲取不到多選的值，只能獲取的選擇的第一個值，怎么回事呢？下面小編給大家分析下bootstrap 下拉多選框進行多選傳值問題，一起看看吧2017-02-02
這篇文章主要為大家詳細介紹了js實現(xiàn)滾動條自動滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了uni-app 組件里面獲取元素寬高的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
這篇文章主要為大家詳細介紹了js實現(xiàn)可輸入可選擇的select下拉框，可及時匹配包含輸入的內容，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
一鍵回頂功能想必大家在瀏覽網頁時會經常遇到吧，實現(xiàn)的方法也有很多，在本文為大家介紹下js是如何實現(xiàn)的，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了JS判斷字符串包含的方法,可有效的檢測字符串中是否包含固定字符或子字符串,涉及javascript中indexOf的使用技巧,非常簡單實用,需要的朋友可以參考下2015-05-05
基于BootStrap的Metronic框架實現(xiàn)頁面鏈接收藏夾功能按鈕移動收藏記錄(使用Sortable進行拖動排序)
這篇文章主要介紹了基于BootStrap的Metronic框架實現(xiàn)頁面鏈接收藏夾功能按鈕移動收藏記錄(使用Sortable進行拖動排序)的相關資料,非常不錯，需要的朋友可以參考下2016-08-08
在前端直接讀取并原樣展示Word文檔是一個相對復雜的任務,因為Word文檔的格式(如.doc或.docx)與Web技術棧使用的格式(HTML、CSS)不兼容,下面這篇文章主要給大家介紹了關于前端實現(xiàn)word文檔預覽和內容提取的詳細過程,需要的朋友可以參考下2024-05-05
Object.prototype.***不能用作在HTMLElement對象上，如本后面的抓圖所示。2008-03-03