要導出一個表格數據，可以使用HTML的

標簽創(chuàng)建一個表格，然后使用JavaScript和相關庫（如jQuery）將表格數據導出到文件，以下是一個簡單的示例：

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：申請域名、網頁空間、營銷軟件、網站建設、永新網站維護、網站推廣。

1、創(chuàng)建一個HTML文件，添加一個表格和一個按鈕，用于觸發(fā)導出操作：

    
    
    
    


    
表格數據
    

姓名	年齡	城市
張三	25	北京
李四	30	上海

導出表格數據

2、接下來，創(chuàng)建一個名為exportTableData.js的JavaScript文件，編寫導出表格數據的代碼：

$(document).ready(function () {
    $("#exportBtn").click(function () {
        var table = document.getElementById("myTable");
        var rows = table.getElementsByTagName("tr");
        var data = [];
        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);
            }
            data.push(row);
        }
        var csvContent = "data:text/csv;charset=utf8," + data.map(e => e.join(",")).join("
");
        var encodedUri = encodeURI(csvContent);
        var link = document.createElement("a");
        link.setAttribute("href", encodedUri);
        link.setAttribute("download", "table_data.csv");
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
    });
});

這個示例中，我們首先獲取表格元素，然后遍歷表格的每一行和每一列，將數據存儲在一個二維數組中，接著，我們將二維數組轉換為CSV格式的字符串，并創(chuàng)建一個隱藏的標簽，將其href屬性設置為CSV字符串的URL編碼，并將其download屬性設置為下載文件的名稱，我們將標簽添加到頁面中，觸發(fā)點擊事件以開始下載，然后將其從頁面中移除。

當前文章：html如何導出一個表格數據
瀏覽地址：http://m.5511xx.com/article/cdsggph.html