首页 > 其他分享 >表格的导出

表格的导出

时间:2023-03-02 15:46:35浏览次数:23  
标签:aa XLSX sheet 表格 utils 导出 workbook

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    点击选择文件:<input type="file">
    <button onclick="creatdTable()">点击下载</button>
    <table id="testTable">
        <thead>
            <tr>
                <th>sss</th>
                <th>sss</th>
                <th>sss</th>
                <th>sss</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="2">aa</td>
                <td>aa</td>
                <td>aa</td>
                <td>aa</td>
            </tr>
            <tr>
                <td>aa</td>
                <td>aa</td>
                <td>aa</td>
            </tr>
        </tbody>
    </table>
</body>

</html>
<script src="../sheetjs-github/dist/xlsx.full.min.js"></script>
<script>
导入 document.querySelector("input").onchange = function fildfunction() { let reader = new FileReader() reader.readAsBinaryString(this.files[0]); reader.onload = function () { try { workbook = XLSX.read(reader.result, { type: 'binary' }), // 以二进制流方式读取得到整份excel表格对象 persons = []; // 存储获取到的数据 } catch (e) { console.log('文件类型不正确'); return; } // 表格的表格范围,可用于判断表头是否数量是否正确 var fromTo = ''; console.log(workbook); alert("11") // 遍历每张表读取 for (var sheet in workbook.Sheets) { if (workbook.Sheets.hasOwnProperty(sheet)) { fromTo = workbook.Sheets[sheet]['!ref']; console.log(fromTo); persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet])); break; // 如果只取第一张表,就取消注释这行 } } console.log(persons); } }



数据直接导出 function download() { var arr = [ ['S', 'h', 'e', 'e', 't', 'J', 'S'], ["1", 2, 3, 4, 5], ] let workbook = XLSX.utils.book_new(); const ws = XLSX.utils.aoa_to_sheet(arr); XLSX.utils.book_append_sheet(workbook, ws, "workSheetName"); return XLSX.writeFile(workbook, "fileName.xlsx", { type: 'binary' }); }


页面表格导出 function creatdTable() { let el = document.querySelector("#testTable") const options = { raw: true }; const workbook = XLSX.utils.table_to_book(el, options); return XLSX.writeFile(workbook, "fileName.xlsx", { type: 'binary' }); } </script>

 

 

 

标签:aa,XLSX,sheet,表格,utils,导出,workbook
From: https://www.cnblogs.com/Ma-YuHao/p/17171995.html

相关文章

  • NPOI导入导出Excel文件
    导出Excel文件//nget下载NPOI//////导出商品信息//////[HttpGet]publicIActionResultdaochu(){//读取要导出的数据varlist=_db.GoodsAllData();......
  • eclipse导入导出war文件
    1.从eclipse中到处war文件备份(1)右键——export——WARfile  (2)选择保存的位置,勾选Exportsourcefile选项  点击finish按钮后保存成功。2.eclipse导入WAR文......
  • 导入表格
    document.querySelector("input").onchange=functionfildfunction(){letreader=newFileReader()reader.readAsBinaryString(this.files[0]);......
  • 表格填充
    表格填充如需控制边框和表格内容之间的间距,应使用td和th元素的填充属性:实例td{padding:15px;}表格颜色下面的例子指定边框的颜色,和th元素的文本和背景颜色:......
  • 【MySQL】导出到CSV
    http://www.yiidian.com/mysql/mysql-export-table-to-cvs.html  要将表导出为CSV文件,我们将使用SELECTINTO....OUTFILE语句。该语句是对LOADDATA命令的补充,该......
  • 怎么在CAD表格中画斜线?CAD表格斜线一分为二绘制步骤
    在Excel表格中经常能看到用一条斜线将单元格一分为二,那么,你知道怎么在CAD表格中画斜线吗?本文小编就以浩辰CAD软件为例来给大家分享一下CAD表格斜线一分为二的绘制步骤,一起......
  • CamstarVP表格删除行报错
    前提:是从服务中拖出来的表格,带表达式的。但是点击删除按钮的时候,直接页面报错。原因是:VP上面没有指定服务。 ......
  • miniExcel导入导出
    miniExcel的配置使用具体可查看官网:https://gitee.com/dotnetchina/MiniExcel?_from=gitee_search#todo第一步:Neget下载MiniExcel上传//////上传Excel//////......
  • python之路 79 路飞项目、导出项目依赖、问题、前台主页功能、前台轮播图功能完成、g
    补充视图类中:通过重写get_serializer,达到不同方法使用的序列化类不一样通过重写get_queryset,达到不同方法使用的数据不一样通过重写perform_d......
  • 导出依赖 前台主页功能 前台轮播图 前台主页 git介绍安装 git使用流程 git工作流程 gi
    目录回顾导出项目依赖问题前台主页功能Header组件Banner组件Footer组件前台轮播图功能完成自定义配件前台主页git介绍和安装git与svn比较gitgiteegithubgitlabgit使......