草庐IT

xlsx导出多级表头excel

xxsjan 2023-09-28 原文

前端使用xlsx库，导出多级表头excel

步骤

1、需要写好table，需要他的dom结构


页面table预览

2、使用xlsx的table_to_book方法，把dom转成workbook

const workbook = XLSX.utils.table_to_book(
        document.getElementById('test-table'), {
        raw: true // 有的是日期、小数等格式，直接乱码#。所以这里直接保留原始字符串
});

3、再使用writeFile 或者 writeFileXLSX 导出即可

XLSX.writeFile(workbook, 'ikun.xlsx')

点击导出

导出的xlsx预览

源码

<template>
    <div class="border">
        <table border="1" id="test-table">
            <thead>
                <tr colspan="2">
                    <th colspan="2"> ikun</th>
                </tr>
                <tr>
                    <td>姓名</td>
                    <td>口号</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>小黑子</td>
                    <td>树枝666</td>
                </tr>
            </tbody>
        </table>
        <button @click="onExport">导出</button>
    </div>
</template>

<script setup>
import * as XLSX from 'xlsx'
const onExport = () => {
    const workbook = XLSX.utils.table_to_book(
        document.getElementById('test-table'), {
        raw: true // 有的是日期、小数等格式，直接乱码#。所以这里直接保留原始字符串
    });
    XLSX.writeFile(workbook, 'ikun.xlsx')
}
</script>

缺点

需要dom存在，虚拟列表显示的无法导出

解决方案

可以自己定义一个workbook
就是参考workbook的对象结构，模拟一个对象
塞好数据后，调用XLSX.writeFile也是可以实现导出的
workbook大概是这种结构

const wb = { SheetNames: ['Sheet1'], Sheets: {}, Props: {} };

Sheets就是放数据的地方，这个可以通过aoa，json等自带方法生成
就是XLSX.utils.aoa_to_sheet| XLSX.utils.json_to_sheet 这种方法

const data = XLSX.utils.aoa_to_sheet([
['ikun', ''],
['姓名', '口号'],
['小黑子', '树枝666']])
//  数据放上去
wb.Sheets.Sheet1 = data;

合并单元格，s是start，e是end，c是列column，r是行row
s: { c: 0, r: 0 }表示起始单元格在0 0坐标
e: { c: 1, r: 0 }表示终点单元格在1 0坐标

wb.Sheets.Sheet1["!merges"] = [{ s: { c: 0, r: 0 }, e: { c: 1, r: 0 } }];

最后导出即可

XLSX.writeFile(wb, 'ikun.xlsx')
excelxlsxsectioncodegt

有关xlsx导出多级表头excel的更多相关文章

  1. ruby - 如何使用远程 API 将 Confluence "Space"导出为 PDF - 2

    如何将Confluence的“空间”导出为pdf文件？看起来Confluence5.0可能仍然支持使用XML-RPCAPI。不过，我找不到调用什么的示例。https://developer.atlassian.com/display/CONFDEV/Remote+API+Specification+for+PDF+Export#RemoteAPISpecificationforPDFExport-XML-RPCInformation该链接表示调用应以pdfexport为前缀，但没有列出任何调用或给出示例。 最佳答案 这可以使用Bob

  2. ruby-on-rails - roo gem 文件 .xlsx 不存在 - 2

    我用cloud9ide在rails上使用ruby!我正在测试gem'roo'以将excel文件导入我的数据库。在我这样做之前，我想测试一下这个gem作品。gem文档:https://github.com/roo-rb/roo但是带文件有问题!报错信息是这样的MersmapController#index中的IOError文件../assets/test.xlsx不存在这是我的代码!require'roo'classMersmapController并在index.erb中我使用我的“images.jpg”(图像文件)测试这条路径当我在index.erb中写入图像文件的路径时，它确实有效

  3. ruby-on-rails - Rails STI 和多级继承查询 - 2

    在我的数据库中，我有一个表people，我正在使用单表继承，这些类:classPerson它生成的查询让我很困惑。我想要的是Member.all返回所有企业以及成员的任何其他子类型。它确实如此，但前提是我最近访问了商务舱。我认为这是因为我的类没有在开发模式下缓存(出于明显的原因)，但它仍然看起来像奇怪的/错误的行为。这是Rails中的错误吗？或者它是否按预期工作？在任何一种情况下，任何人都可以想到一个用于开发目的的好的解决方案吗？ 最佳答案 这是故意的行为——官方Rails指南AutoloadingandReloadingConst

  4. ruby - git:从 bitbucket 导出并导入 github(带提交) - 2

    我在bitbucket上创建了一个私有(private)git存储库并提交了代码。现在我想导出所有(提交、代码、历史记录)并将其导入github上的gitrepo。有没有办法做到这一点？谢谢 最佳答案 在本地检查所有内容到您的计算机和gitpull。创建一个github存储库将此存储库添加为您的第二个远程(“使用gitremote添加githubURL”)推送到第二个Remote 关于ruby-git:从bitbucket导出并导入github(带提交)，我们在StackOverflow

  5. ruby-on-rails - Railscasts 第 362 集 - 导出到 Excel : How to avoid the warning message given by Excel 2010 when opening the file? - 2

    当使用RyanBates的Railscasts第362集关于导出到Excel(https://github.com/railscasts/362-exporting-csv-and-excel)的示例应用程序时，我注意到Excel2010(在Windows上)在打开.xls文件时给我一条警告消息我使用“下载为Excel”链接下载的文件。警告内容如下:“您尝试打开的文件...的格式与文件扩展名指定的格式不同。打开文件前请确认文件未损坏且来源可靠。是否要打开现在存档吗？”当我单击"is"时，我可以很好地打开文件。在使用Excel2011(在Mac上)时，我什至没有收到警告消息。但我希望能够

  6. ruby-on-rails - 如何在 ruby​​onrails 上将数据从模型导出到 excel 文件 - 2

    我正在尝试将数据从我的模型导出到Excel电子表格。我见过3种方式使用我不明白如何使用的电子表格gem，我看到的示例是写入本地文件，但我正在寻找每次用户点击链接时都会生成一个文件。创建一个名为export的方法，并在那里运行查询，然后在我看来创建一个export.xls文件，然后该文件创建我想将表格导出到excel文件，但是这种做法不允许我创建多张纸。学习了本教程，http://oldwiki.rubyonrails.org/rails/pages/HowToExportToExcel,但是这里没有显示如何将链接放在View中，在我看来我在路由中遗漏了一些东西，我可以提供github以

  7. ruby - 在未安装 Excel 的服务器上使用 Ruby 读写 Excel 文件 - 2

    我需要在一台没有安装Excel的Linux服务器上读写(->转换)Excel文件。对于Python，存在http://www.python-excel.org/.Ruby有类似的东西吗？可能不需要处理最新的Office格式。只需旧的xls文件就足够了。 最佳答案 我同意Gonzih的观点，并且我经常使用roo。它允许我使用模板文件进行读取、写入和写入。该项目在他们的site上有很好的记录。.我总是使用类似的东西:input=Excel.new(path)output=Array.newinput.default_sheet=inpu

  8. ruby - 是否可以从 ruby​​ 脚本导出环境属性？ - 2

    这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:ExportinganEnvironmentVariableinRuby我需要在ruby​​脚本中设置几个环境属性。通常，在bash中，我会执行以下操作:$exportSOME_VAR=some_value但在ruby​​中，以下(显然)不起作用:irb(main):002:0>`exportSOME_VAR=some_value`(irb):2:commandnotfound:exportASDF=1=>""有办法吗？

  9. ruby - 如何在 ruby​​ on rails 中显示 Datatable tabletools (copy, csv, excel, pdf, save) - 2

    我在我的ruby​​onrails应用程序中使用数据表。我按照这里的同一个..https://github.com/rweng/jquery-datatables-rails我的数据表排序和搜索工作正常。但是我在表格标题中看不到我的表格工具选项(例如-复制、csv、excel、pdf、保存)。我想像这样显示我的表....请帮忙。 最佳答案 我通过添加ZeroClipboard.js得到了这个 关于ruby-如何在ruby​​onrails中显示Datatabletabletools(co

  10. ruby-on-rails - 我如何解析一个 Excel 文件，它会给我提供与视觉上完全一样的数据？ - 2

    我正在使用Rails5(Ruby2.4)。我想阅读.xls文档，我想将数据转换为CSV格式，就像它出现在Excel文件中一样。有人推荐我使用Roo，所以我有book=Roo::Spreadsheet.open(file_location)sheet=book.sheet(0)text=sheet.to_csvarr_of_arrs=CSV.parse(text)但是，返回的内容与我在电子表格中看到的内容不同。例如，电子表格中的一个单元格有16:45.81当我从上面获取CSV数据时，返回的是"0.011641319444444444"如何解析Excel文档并准确获取我所看到的内容？我不在

随机推荐