js-xlsx外掛的使用

阿新 • • 發佈：2020-08-29

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>JS-XLSX Demo</title>
    <script type="text/javascript" src='./libs/xlsx.full.min.js'></script>
</head>
<body>
 
<table id="data-table" border="1" width="50%">
    <tbody>
        <tr>
            <td>編號</td>
            <td>名稱</td>
            <td>價格</td>
            <td>日期</td>
        </tr>
        <tr>
            <td>1</td>
            <td>《Java架構師》</td>
            <td>￥78.5</td>
            <td>2018-10-11</td>
        </tr>
        <tr>
            <td>2</td>
            <td>《Python入門到精通》</td>
            <td>￥65.3</td>
            <td>2019-03-22</td>
        </tr>
        <tr>
            <td>3</td>
            <td>《JavaScript高階教程》</td>
            <td>￥89.4</td>
            <td>2017-04-13</td>
        </tr>
    </tbody>
</table>
 
<p>
    將上面表格的內容匯出到Excel檔案
 
</p >
<p>
    <button onclick="exportExcel()">匯出Excel</button>
</p >
 
<script type="text/javascript">
 
    function exportExcel() {
        // 獲取表格的Dom物件
        var elt = document.getElementById('data-table');
 
        // 建立Excel工作簿，即一個Excel檔案
        var wb = XLSX.utils.table_to_book(elt, {
            sheet:  
"SheetJS" // 工作表格名稱
        });
 
        // 匯出工作表
        return XLSX.writeFile(wb, 'SheetJSTableExport.xlsx');
    }
    
    function exportExcel2() {
        // 獲取表格的Dom物件
        var elt1 = document.getElementById('xgszjcb-tb');
        var elt2 = document.getElementById('xqzjcbxtscb-tb');
        var elt3  
= document.getElementById('xqzjcbdrb-tb');
        var elt4 = document.getElementById('xgszjsr-tb');
        
        // 建立虛擬workbook
        var wb = XLSX.utils.book_new();
        
        // 把資料生成sheet
        var sheet1 = XLSX.utils.table_to_sheet(elt1);
        var sheet2 = XLSX.utils.table_to_sheet(elt2);
        var sheet3 = XLSX.utils.table_to_sheet(elt3);
        var sheet4 = XLSX.utils.table_to_sheet(elt4);
        
        // 把sheet新增到workbook裡
        XLSX.utils.book_append_sheet(wb,sheet1,"縣區直接成本-合計");
        XLSX.utils.book_append_sheet(wb,sheet2,"縣區直接成本-系統生成");
        XLSX.utils.book_append_sheet(wb,sheet3,"縣區直接成本-匯入");
        XLSX.utils.book_append_sheet(wb,sheet4,"縣區直接收入-合計");
 
        // 匯出工作表
        return XLSX.writeFile(wb, '縣區公司.xlsx');
    }
 
</script>
</body>
</html>

1、以上是js-xlsx的使用案例，純前端匯出excel。

2、匯出時，會把52.36%匯出成0.5236，加入以前程式碼，才不會把%計算進去。

var sheet = XLSX.utils.table_to_sheet(elt,{raw: true});就不會把字串當做數字處理
var wb = XLSX.utils.table_to_book(elt,{raw: true});就不會把字串當做數字處理

js-xlsx外掛的使用

<!DOCTYPE html> <html> <head> <meta charset=\'utf-8\'> <title>JS-XLSX Demo</title>

js簡單外掛類

//資料滾動 div框 ul滾動 li (function ($) { $.fn.myScroll = function (options) { //預設配置 var defaults = {

node-gyp - Node.js 本地外掛構建工具

node-gyp - Node.js 本地外掛構建工具翻譯自：nodejs/node-gyp：Node.js native addon build tool

Vue中使用js-cookie外掛實現登入時記住密碼後存取到Cookie中

場景使用vue實現一個登入頁面時，實現記住密碼功能。在勾選了記住密碼後將密碼儲存到Cookie中，然後下次直接從Cookie中取。

JS leaflet外掛webpack打包配置

package.json { \"name\": \"leaflet-center\", \"version\": \"1.0.0\", \"description\": \"\", \"main\": \"index.js\",

js使用js-xlsx將資料匯入匯出Excel

前言：因為業務要求，需要在前端從Excel表格中讀取資料後以json或array格式傳送到後端，或者將後端獲取的資料匯出到Excel中提供檔案下載功能。以下正文：

js開發外掛實現tab選項卡效果

本文例項為大家分享了外掛實現tab選項卡效果的具體程式碼，供大家參考，具體內容如下

vue專案中使用 SheetJS / js-xlsx

1. npm install xlsx 2. 在App.vue 中引入xlsx import * as XLSX from \'xlsx\'; // 資料匯出匯入所需要的依賴

[Egg.js] egg-tx 介面級事務管理外掛

egg-tx 一個 egg 事務外掛，它支援 Mysql、Mongo 資料庫，它能做到請求介面級別的事務管理。

JS實現滑動外掛

本文例項為大家分享了JS實現滑動外掛的具體程式碼，供大家參考，具體內容如下

jQuery單頁面文字搜尋外掛jquery.fullsearch.js的使用方法

jquery.fullsearch.js一款基於Bootstrap的單頁面文字搜尋jQuery外掛。通過搜尋關鍵字，外掛會在下拉列表中高亮列出關鍵字和所在的各個段落，使用者點選相應的搜尋下拉列表項即可跳轉到相應的地方。

Js視訊播放器外掛Video.js使用方法詳解

Video.js快速入門我們可以下載 Video.js 的原始碼放到自己的伺服器上，或者使用免費的 CDN 託管版本。

TensorFlow.js 微信小程式外掛開始支援模型快取的方法

通常情況下，微信小程式追求的是短小精悍，即開即用，用完即走，適用於一些簡單的應用場景。然而，隨著微信小程式開放能力的提高，人們發現用微信小程式可以實現越來越多的功能，小程式也越來越複雜，越來越龐大起來

原生js無縫輪播外掛使用詳解

這篇博文主要講如何使用原生js來實現一個相容 IE9+ 的無縫輪播圖。主要知識點如下：

viewer.js一個強大的基於jQuery的影象檢視外掛(支援旋轉、縮放)

一、簡介 Viewer.js 是一款強大的圖片檢視器。 Viewer.js 有以下特點：支援移動裝置觸控事件

jQuery 圖片檢視器外掛 Viewer.js用法簡單示例

本文例項講述了jQuery 圖片檢視器外掛 Viewer.js用法。分享給大家供大家參考，具體如下：

JS表單驗證外掛之資料與邏輯分離操作例項分析【策略模式】

本文例項講述了JS表單驗證外掛之資料與邏輯分離操作。分享給大家供大家參考，具體如下：

原生js實現日期選擇外掛

最近公司專案告一段落，想著寫個小玩意打發下上班時間，就用js很粗糙的實現了下日期選擇外掛。間間斷斷歷時1天多，實現了選擇日期的功能，從寫完的整體程式碼來看，耦合度還是蠻高的，我覺得還是我對js中的原型繼承方

js實現拾色器外掛（ColorPicker）

對一個前端來說，顏色選擇的外掛肯定不陌生，許多小夥伴對這類外掛的實現可能會比較好奇。這裡奉上原生js版本的拾色器，由於是本人純手工擼出來的，所以轉載還請標明來源。

純JS開發baguetteBox.js響應式畫廊外掛

baguetteBox.js baguetteBox.js 是一個簡單和易於使用lightbox純JavaScript指令碼，擁有影象放大縮小並帶有相應的CSS3過度，並能在觸控式螢幕等裝置上完美展示。

js-xlsx外掛的使用

相關推薦