js-xlsx插件的使用

摘要:
元字符集='utf-8'>//t、 邹坎坎。com/libs/xlsx。满的最小js’>否<名称<价格<日期<Java架构师<¥78.5<3<高级JavaScript教程<buttonclick=“exportExcel()”>/按钮>&书信电报;
<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>JS-XLSX Demo</title>
    <script type="text/javascript" src='http://t.zoukankan.com/libs/xlsx.full.min.js'></script>
</head>
<body>
 
<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});就不会把字符串当做数字处理

 3、用到的包

免责声明:文章转载自《js-xlsx插件的使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Python 打包发布exe可执行文件Vue数据可视化组件:DataV下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

k8s-高可用多主master配置

准备主机 centos7镜像 node1: 192.168.0.101 node2: 192.168.0.102 node3: 192.168.0.103 vip: 192.168.0.104 配置ssh免密 并修改/etc/hosts跟/etc/hostname 配置所有节点的kubelet # 配置kubelet使用国内可用镜像 # 修改/et...

JDBC连接Hive数据库

一、依赖 pom <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <jdk.version>1.8</jdk.version></properties><d...

安装phpldapadmin

1. 安装软件 [root@ ~]# yum -y install epel-release [root@ ~]# yum install -y phpldapadmin 2. 配置phpldapadmin [root@ ~]# vi /etc/httpd/conf.d/phpldapadmin.conf # # Web-based tool for...

Solr 入门实战(2)--SolrCloud 简介及安装

SolrCloud 是 Solr 的集群版,用于在多个服务器之间分发索引内容和查询请求。本文主要介绍 SolrCloud 的基本概念及安装,文中使用到的软件版本:Solr 8.9.0、jdk1.8.0_181。 1、SolrCloud 简介  SolrCloud 是 Solr 提供的分布式搜索方案,具有容错性和高可用性。SolrCloud 使用 ZooKe...

Delphi 2009 泛型容器单元(Generics.Collections)[2]: TQueue&amp;lt;T&amp;gt;

TQueue 和 TStack, 一个是队列列表, 一个是堆栈列表; 一个是先进先出, 一个是先进后出.TQueue 主要有三个方法、一个属性:Enqueue(入列)、Dequeue(出列)、Peek(查看下一个要出列的元素);Count(元素总数). -----------------------------------------------------...

python简单实现appium移动端真机运行自动化测试(Android篇)

Eclipse和Python环境搭建完后,依次安装如下必备品 1、安装jdk,配置环境变量:    变量名:JAVA_HOME    变量值:C:Program FilesJavajdk1.7.0    变量名:CLASSPATH    变量值:.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar; 2、安装pyth...