使用javascript,我可以创建一个表。但是我想通过合并顶行中的所有单元格来向该表添加一个标题
这是我现有的代码转换HTML表到CSV。但在这里,我无法创建一个标题为‘一些标题’的标题,它跨越了整个列。
因此,输出应如下所示
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);
}
<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>
发布于 2020-07-05 15:46:24
CSV不支持列宽。它们是逗号分隔值,这意味着每一列都用逗号分隔。
您可以将"Details List“放在" center”中,方法是在该行中的“Details List”前面加一个逗号,这样它就会转到第二列,但它不会自动居中。
您需要的文件格式是xlsx,这要复杂得多。
编辑:如果您想在将来操作CSV,也是如此。您可以使用papa parse。
https://stackoverflow.com/questions/62738065
复制相似问题