前端把html表格生成為excel表格的實(shí)例

更新時(shí)間：2017年09月19日 08:11:36 作者：當(dāng)年華褪去生澀

下面小編就為大家?guī)?lái)一篇前端把html表格生成為excel表格的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

最近公司改后臺(tái)管理系統(tǒng)。要求導(dǎo)出臺(tái)賬項(xiàng)目等等為excel表格，找半天還真有，他是通過(guò)query.table2excel.js 實(shí)現(xiàn)，原諒我原生不會(huì)弄這個(gè)當(dāng)然大家有可以給我留言。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <table class="table"> //表格
      <tr class="noExl"> //加class是為了有些你不想導(dǎo)出用來(lái)選則
        <th>Header</th>
        <th>111</th>
      </tr>
      <tr>
        <td>Data</td>
        <td>222</td>
      </tr>
    </table>
     
    <button id="btn">導(dǎo)出</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(){ //點(diǎn)擊按鈕執(zhí)行導(dǎo)出
        $(".table").table2excel({ //選取導(dǎo)出的表格
          exclude: ".noExl", //寫(xiě)你不想都想導(dǎo)出的
          name: "Excel Document Name",
          filename: "項(xiàng)目", //導(dǎo)出的文件名
          exclude_img: true, //是否導(dǎo)出圖片
          exclude_links: true,
          exclude_inputs: true
        });
      })
    </script>
     
  </body>
</html>

以上這篇前端把html表格生成為excel表格的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

javascript-簡(jiǎn)單的計(jì)算器實(shí)現(xiàn)步驟分解(附圖)
輸入內(nèi)容的判斷，對(duì)于事件對(duì)象的來(lái)源的判斷以及數(shù)學(xué)運(yùn)算“+，-，*，/”的使用，感興趣的朋友可以學(xué)習(xí)下
2013-05-05
bootstrap 下拉多選框進(jìn)行多選傳值問(wèn)題代碼分析
項(xiàng)目開(kāi)發(fā)遇到個(gè)問(wèn)題，就是引入bootstrap下拉多選框進(jìn)行多選的時(shí)候，用form表單提交到后臺(tái)，獲取不到多選的值，只能獲取的選擇的第一個(gè)值，怎么回事呢？下面小編給大家分析下bootstrap 下拉多選框進(jìn)行多選傳值問(wèn)題，一起看看吧
2017-02-02
js實(shí)現(xiàn)滾動(dòng)條自動(dòng)滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)滾動(dòng)條自動(dòng)滾動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
uni-app 組件里面獲取元素寬高的實(shí)現(xiàn)
這篇文章主要介紹了uni-app 組件里面獲取元素寬高的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
js實(shí)現(xiàn)可輸入可選擇的select下拉框
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)可輸入可選擇的select下拉框，可及時(shí)匹配包含輸入的內(nèi)容，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
JS實(shí)現(xiàn)一鍵回頂功能示例代碼
一鍵回頂功能想必大家在瀏覽網(wǎng)頁(yè)時(shí)會(huì)經(jīng)常遇到吧，實(shí)現(xiàn)的方法也有很多，在本文為大家介紹下js是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下
2013-10-10
JS判斷字符串包含的方法
這篇文章主要介紹了JS判斷字符串包含的方法,可有效的檢測(cè)字符串中是否包含固定字符或子字符串,涉及javascript中indexOf的使用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-05-05
基于BootStrap的Metronic框架實(shí)現(xiàn)頁(yè)面鏈接收藏夾功能按鈕移動(dòng)收藏記錄(使用Sortable進(jìn)行拖動(dòng)排序)
這篇文章主要介紹了基于BootStrap的Metronic框架實(shí)現(xiàn)頁(yè)面鏈接收藏夾功能按鈕移動(dòng)收藏記錄(使用Sortable進(jìn)行拖動(dòng)排序)的相關(guān)資料,非常不錯(cuò)，需要的朋友可以參考下
2016-08-08
前端實(shí)現(xiàn)word文檔預(yù)覽和內(nèi)容提取的詳細(xì)過(guò)程
在前端直接讀取并原樣展示W(wǎng)ord文檔是一個(gè)相對(duì)復(fù)雜的任務(wù),因?yàn)閃ord文檔的格式(如.doc或.docx)與Web技術(shù)棧使用的格式(HTML、CSS)不兼容,下面這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)word文檔預(yù)覽和內(nèi)容提取的詳細(xì)過(guò)程,需要的朋友可以參考下
2024-05-05
連續(xù)操作HTMLElement對(duì)象圖文解決方法
Object.prototype.***不能用作在HTMLElement對(duì)象上，如本后面的抓圖所示。
2008-03-03