首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在使用javascript将html表格转换为csv时合并或组合单元格

如何在使用javascript将html表格转换为csv时合并或组合单元格
EN

Stack Overflow用户
提问于 2020-07-05 15:40:19
回答 1查看 415关注 0票数 0

使用javascript,我可以创建一个表。但是我想通过合并顶行中的所有单元格来向该表添加一个标题

这是我现有的代码转换HTML表到CSV。但在这里,我无法创建一个标题为‘一些标题’的标题,它跨越了整个列。

因此,输出应如下所示

代码语言:javascript
运行
复制
function downloadCSV(csv, filename) {
  var csvFile;
  var downloadLink;

  // CSV file
  csvFile = new Blob([csv], {
    type: "text/csv"
  });

  // Download link
  downloadLink = document.createElement("a");

  // File name
  downloadLink.download = filename;

  // Create a link to the file
  downloadLink.href = window.URL.createObjectURL(csvFile);

  // Hide download link
  downloadLink.style.display = "none";

  // Add the link to DOM
  document.body.appendChild(downloadLink);

  // Click download link
  downloadLink.click();
}

function exportTableToCSV(filename) {
  var csv = [];
  var rows = document.querySelectorAll("table tr");

  for (var i = 0; i < rows.length; i++) {
    var row = [],
      cols = rows[i].querySelectorAll("td, th");

    for (var j = 0; j < cols.length; j++) {
      row.push(cols[j].innerText);
    }
    csv.push(row.join(","));
  }

  // Download CSV file
  downloadCSV(csv.join("\n"), filename);
}
代码语言:javascript
运行
复制
<table>
  <tr>
    <th>Name</th>
    <th>Email</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>John Doe</td>
    <td>john@gmail.com</td>
    <td>USA</td>
  </tr>
  <tr>
    <td>Stephen Thomas</td>
    <td>stephen@gmail.com</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Natly Oath</td>
    <td>natly@gmail.com</td>
    <td>France</td>
  </tr>
</table>
 <button onclick="exportTableToCSV('ps_file.csv')">
  Export HTML Table To CSV File
</button>

EN

回答 1

Stack Overflow用户

发布于 2020-07-05 15:46:24

CSV不支持列宽。它们是逗号分隔值,这意味着每一列都用逗号分隔。

您可以将"Details List“放在" center”中,方法是在该行中的“Details List”前面加一个逗号,这样它就会转到第二列,但它不会自动居中。

您需要的文件格式是xlsx,这要复杂得多。

编辑:如果您想在将来操作CSV,也是如此。您可以使用papa parse。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62738065

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档