html中的table導出Excel

本文轉載自查看原文 2016-07-29 11:06 9611 Excel/ jquery

演示地址：

http://www.jq22.com/yanshi3312

具體代碼：

<!DOCTYPE html>
<html lang="zh-CN">
  
  <head>
    <meta charset="UTF-8">
    <title>table export</title></head>  
  <body>
    <table id="table1">
      <tbody>
        <tr>
          <td>文字1</td>
          <td>咨詢</td>
          <td>測試</td></tr>
        <tr>
          <td>文字1</td>
          <td>咨詢</td>
          <td>測試</td></tr>
        <tr>
          <td>文字1</td>
          <td>咨詢</td>
          <td>測試</td></tr>
        <tr>
          <td>文字1</td>
          <td>咨詢</td>
          <td>測試</td></tr>
        <tr>
          <td>文字1</td>
          <td>咨詢</td>
          <td>測試</td></tr>
        <tr>
          <td>文字1</td>
          <td>咨詢</td>
          <td>測試</td></tr>
      </tbody>
    </table>
    <table id="table2">
      <thead>
        <tr>
          <td>標題一</td>
          <td>標題二</td>
          <td>標題三</td></tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <a href="#" target="_blank">文字2</a></td>
          <td>咨詢</td>
          <td>測試</td></tr>
        <tr>
          <td>
            <a href="#" target="_blank">文字2</a></td>
          <td>咨詢</td>
          <td>測試</td></tr>
        <tr>
          <td>
            <a href="#" target="_blank">文字2</a></td>
          <td>咨詢</td>
          <td>測試</td></tr>
        <tr>
          <td>
            <a href="#" target="_blank">文字2</a></td>
          <td>咨詢</td>
          <td>測試</td></tr>
        <tr>
          <td>
            <a href="#" target="_blank">文字2</a></td>
          <td>咨詢</td>
          <td>測試</td></tr>
        <tr>
          <td>
            <a href="#" target="_blank">文字2</a></td>
          <td>咨詢</td>
          <td>測試</td></tr>
      </tbody>
    </table>
    <div id="export">
      <a data-type="json" href="javascript:;">導出json</a>
      <a data-type="txt" href="javascript:;">導出txt</a>
      <a data-type="csv" href="javascript:;">導出csv</a>
      <a data-type="xls" href="javascript:;">導出excel</a>
      <a data-type="doc" href="javascript:;">導出word</a></div>
    <script src="Blob.js"></script>
    <script src="FileSaver.js"></script>
    <script src="tableExport.js"></script>
    <script>var $exportLink = document.getElementById('export');
      $exportLink.addEventListener('click',
      function(e) {
        e.preventDefault();
        if (e.target.nodeName === "A") {
          tableExport('table1', '測試測試', e.target.getAttribute('data-type'))
        }
      },
      false);</script>
  </body>
</html>

源碼下載：

http://files.cnblogs.com/files/gguozhenqian/Demo.rar

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 html5中 table數據導出到excel文件 HTML table導出到Excel中的解決辦法 Jsp中table導出到excel HTML的table表格導出excel換行符問題【HTML5版】導出Table數據並保存為Excel 將html table 轉成 excel html轉pdf、html頁面保存為word文件、將頁面上的table表格導出為excel Jquery中使用table2excel插件實現將Html的table導出為Excel(附示例代碼和資源下載) js 前端 table 導出 excel ArcMap 導出Table數據到Excel