JS 將Table資料匯出到Excel表

阿新 • • 發佈：2018-12-30

通過JavaScript方法將table中的資料匯出在excel表中，使用方便，可以直接瀏覽器直接下載所需要的excel表，一般適用於後臺管理的匯出資料需求。

使用方法

1.對table標籤設定id，例如：id=”ta”
2.點選按鈕呼叫

<button onclick="javascript:method1('ta')">匯出EXCEL</button>

實現過程

var idTmr;
function  getExplorer() {
    var explorer = window.navigator.userAgent ;
    //ie 
    if 
 (explorer.indexOf("MSIE") >= 0) {
        return 'ie';
    }
    //firefox 
    else if (explorer.indexOf("Firefox") >= 0) {
        return 'Firefox';
    }
    //Chrome
    else if(explorer.indexOf("Chrome") >= 0){
        return 'Chrome';
    }
    //Opera
    else if(explorer.indexOf("Opera") >= 0 
){
        return 'Opera';
    }
    //Safari
    else if(explorer.indexOf("Safari") >= 0){
        return 'Safari';
    }
}
function method1(tableid) {//整個表格拷貝到EXCEL中
    if(getExplorer()=='ie')
    {
        var curTbl = document.getElementById(tableid);
        var oXL = new ActiveXObject("Excel.Application" 
);

        //建立AX物件excel 
        var oWB = oXL.Workbooks.Add();
        //獲取workbook物件 
        var xlsheet = oWB.Worksheets(1);
        //啟用當前sheet 
        var sel = document.body.createTextRange();
        sel.moveToElementText(curTbl);
        //把表格中的內容移到TextRange中 
        sel.select();
        //全選TextRange中內容 
        sel.execCommand("Copy");
        //複製TextRange中內容  
        xlsheet.Paste();
        //貼上到活動的EXCEL中       
        oXL.Visible = true;
        //設定excel可見屬性

        try {
            var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");
        } catch (e) {
            print("Nested catch caught " + e);
        } finally {
            oWB.SaveAs(fname);

            oWB.Close(savechanges = false);
            //xls.visible = false;
            oXL.Quit();
            oXL = null;
            //結束excel程序，退出完成
            //window.setInterval("Cleanup();",1);
            idTmr = window.setInterval("Cleanup();", 1);

        }

    }
    else
    {
        tableToExcel('ta');
    }
}
function Cleanup() {
    window.clearInterval(idTmr);
    CollectGarbage();
}
var tableToExcel = (function() {
    var uri = 'data:application/vnd.ms-excel;base64,',
    template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>',
    base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) },
    format = function(s, c) {
        return s.replace(/{(\w+)}/g,
        function(m, p) { return c[p]; }) }
            return function(table, name) {
                if (!table.nodeType) table = document.getElementById(table)
                var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
                window.location.href = uri + base64(format(template, ctx))
              }
})();

JS 將Table資料匯出到Excel表

通過JavaScript方法將table中的資料匯出在excel表中，使用方便，可以直接瀏覽器直接下載所需要的excel表，一般適用於後臺管理的匯出資料需求。使用方法 1.對table標籤設定id，例如：id=”ta” 2.點選按鈕呼叫 <but

如何將table表中的資料匯出excel表

所用技術：Mybatis+Springmvc+Spring 例子： @RequestMapping(value = "/sbExport") public void sbcscxInquiry

js table資料匯出excel檔案

前言百度了幾篇有關的教程，都差不多甚至可以說是完全相同；在這裡也只是精簡、記錄一下。程式碼表格轉換成excel並下載 (document).ready(function () {

ThinkPHP將資料匯出Excel表中 4種姿勢呼叫Event事件

<?php namespace Home\Event; class ExportExcelEvent{ /** * @desc 將資料匯出到Excel中 * @param $data array 設定表格資料 * @param $titlename strin

PHP資料匯出excel表的外掛與運用

外掛下載在我的這裡有我已經上傳了，自己下載，遇到問題可以在下方留言， 1、包放在 ThinkPHP -> Library -> Vendor; 2、前端：程式碼 <div class="btn-group" style="float: left; mar

asp.net mvc 資料匯出excel表及自excel表匯入資料到相應表

一、自資料表匯出excel /// <summary> /// 匯出excel /// </summary> /// <param name="sortgid"></param>

python3學習筆記之五——將json資料寫入excel表

#student4.json[ { "student_no": 1001, "name": "James", "score": 10, "class": "A-1", "rank": 1 },

vue2.0 + element UI 中 el-table 資料匯出Excel 。

vue2.0 + element UI 中 el-table 資料匯出Excel 1、安裝相關依賴主要是兩個依賴 npm install --save xlsx file-saver

使用POI把資料匯出excel表

在web開發中，有一個經典的功能，就是資料的匯入匯出。特別是資料的匯出，在生產管理或者財務系統中用的非常普遍，因為這些系統經常要做一些報表列印的工作。而資料匯出的格式一般是EXCEL。現在主流的操作Excel檔案的開源工具有很多,用得比較

js將table匯出excel 之檔案改名及格式化

<html> <head> <meta charset="utf-8"> <script type="text/javascript" language="javascript"> var idTmr;

js 實現純前端將資料匯出excel。chome瀏覽器親測有效。

有了新的需求所以就瞭解下怎麼用js 直接匯出excel文件。 html程式碼 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont

js把html中的table資料匯出到Excel中

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" l

js 實現純前端將資料匯出excel兩種方式，親測有效

由於專案需要，需要在不呼叫後臺介面的情況下，將json資料匯出到excel表格，參考了好多資料以及很多大佬寫的部落格終於實現，相容chrome沒問題，其他還沒有測試過，這邊介紹兩種實現方式，並附上程式碼和gif動圖，博主不才還望輕噴方法一將table標籤，包括tr、td等對j

HTML通過JS將Table匯出為Excel表格

//第一種方法 function method1(tableid) { var curTbl = document.getElementById(tableid); var oXL = new ActiveXObject("E

使用 jxl 根據下載資料模版匯出 excel 表——合併配置

使用jxl根據下載資料模版匯出excel表——合併配置：首先根據模版檔案路徑讀取excel模版檔案，然後對excel檔案進行修改，即寫出資料到excel檔案中，再將該excel檔案儲存到目標檔案中，這裡操作excel必須是2003版本（.xls）準備excel模版檔案

IE中在js中將查詢出的資料匯出excel表格

<input style="width: 70px; height: 22px;margin-left: 10%;font-family: \"微軟雅黑\" ; font-size: 12px; color:#2587D2 " type="button" onclick="move('exec

js資料匯出excel

<html> <meta charset="utf-8"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <scrip

js 實現下載當前頁table資料（Excel）

下載方法1需要引入js，方法2不需要 js /* * jQuery table2excel - v1.1.1 * jQuery plugin to export an .xls file in browser from an HTML table * https://gi

PHPExcel之將獲取到的資料匯出excel

tp3.2(注意：project\ThinkPHP\Library\Org\Util\PHPExcel 引用方法： use Org\Util; ) public function export_nj()

js 將json資料自動繫結到 html table 表格中

/*自動繫結到table*/ var f = new Function("+[{id:"1",name:"aa"},{id:"2",name:"bb"}]+"); var list = f(); var h= "<table id='tb'>"; h+= "&l

JS 將Table資料匯出到Excel表

使用方法

實現過程

相關推薦