欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

javascript 導出execl

林玟書1年前8瀏覽0評論
JavaScript是一種非常便捷的編程語言,能夠實現許多強大的功能,其中之一就是導出Excel表格。導出Excel表格對于處理數據和生成報告是十分重要的。在本文中,我們將介紹如何使用JavaScript來實現導出Excel表格的功能。 我們將使用以下代碼來導出Excel表格:
function exportExcel() {
var table = document.getElementById("myTable");
var rows = table.querySelectorAll("tr");
var csv = [];
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(","));
}
var csvContent = "data:text/csv;charset=utf-8," + csv.join("\n");
var encodedUri = encodeURI(csvContent);
var link = document.createElement("a");
link.setAttribute("href", encodedUri);
link.setAttribute("download", "my_data.csv");
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
該函數將表格的數據轉換為 CSV 格式,然后將其下載為 CSV 文件。 你可以根據需要修改該代碼,使其能夠導出 Excel 文件的不同版本。 例如,如果你想要導出 Excel 文件,你可以使用以下代碼替換上面的代碼:
function exportExcel() {
var table = document.getElementById("myTable");
var workbook = XLSX.utils.table_to_book(table);
XLSX.writeFile(workbook, "my_data.xlsx");
}
該函數使用了一個叫 XLSX 的類庫,該類庫能夠將 HTML 表格轉換成 Excel 文件。任何想要使用該函數的開發者都需要先在代碼中引入 XLSX 的類庫。 在導出 Excel 文件時,最好是能夠為該文件添加一些樣式和格式,使其更加易于閱讀和使用。 例如,你可以添加一個樣式表,使表格中的數據按交替的顏色進行顯示:
table tr:nth-child(odd) {
background-color: #f6f6f6;
}
table th {
background-color: #dfdfe1;
font-weight: bold;
}
table td, table th {
border: 1px solid #ccc;
padding: 0.5em;
text-align: center;
}
如上所示,我們為奇數行的表格行添加了背景顏色,表頭單元格添加了背景顏色和加粗的字體,同時對所有單元格添加了邊框和內邊距。 在本文中,我們介紹了如何使用JavaScript編寫代碼來導出Excel表格。不論你正在處理數據或生成報告,這個功能都能夠幫助你更加輕松地完成工作。如果你還沒嘗試過這個功能,現在該是時候嘗試了。