javascript - 将带有 rowspan 和 colspan 的 html 表导出到 csv 或 xls

标签 javascript html css

我有一个如下图所示的网格。 enter image description here

这里我们使用 rowspans 和 colspans 使其跨越一定数量的行和列。

我想将相同的内容导出到 excel 或 csv,但它应该保留所跨越的行和列的格式。

有没有更简单的方法可以使用 Javascript 和 HTML 来做到这一点?

最佳答案

简短回答:抱歉,不。没有简单的方法。

长答案:虽然有简单的方法可以将结构化的 html 表格转换为 xls 或 csv(参见示例:HTML Table to CSV/Excel Converter),但是表格中的不规则和多级标题以及colspanrowspan 的多个实例,颠覆了表中的逻辑关系和可预测性。

提示/建议: 通过对表的结构进行一些改动,它可以很容易地成为:

  1. 机器可读性更强,因此更易于导出和操作;
  2. 更易读,包括使用辅助技术的用户更易于访问

具体来说:

  • 使用列表而不是表格单元格来列出城市
  • 禁止在其他单元格上使用 colspanrowspan
  • 删除多级表头。顶行容纳 "Place desc" colspan 绝对是多余的,最终是不必要的。

关于javascript - 将带有 rowspan 和 colspan 的 html 表导出到 csv 或 xls,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43449236/

相关文章:

javascript - 使用NodeJS,head中的javascript无法使用来自服务器的参数

javascript - 表单验证逻辑 Vanilla JS

javascript - 为什么我的 'position:fixed' 导航栏显示在网页底部而不是移动视口(viewport)底部?

javascript - 在检测到打开的 Div 数量时更新按钮标签无法正常工作

javascript - 当我关闭打开的窗口时,JQwidgets 滚动在 chrome 上不起作用

html - 遇到 flexbox 属性问题

twig 资源中的 Javascript 变量

javascript - 如何使水平长的图像也适合幻灯片放映?

javascript - 如何替换javascript中的所有%s字符串

javascript - cookie 是否被视为 DOM 树的一部分?