Breaking News: Grepper is joining You.com. Read the official announcement!

html table to csv javascript

Comfortable Curlew answered on April 4, 2022 Popularity 9/10 Helpfulness 3/10

answer html table to csv javascript

related javascript code to export table to csv

html table to csv javascript

Comment

$(document).ready(function () {
    $('table').each(function () {
        var $table = $(this);

        var $button = $("<button type='button'>");
        $button.text("Export to spreadsheet");
        $button.insertAfter($table);

        $button.click(function () {
            var csv = $table.table2CSV({
                delivery: 'value'
            });
            window.location.href = 'data:text/csv;charset=UTF-8,' 
            + encodeURIComponent(csv);
        });
    });
})

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: csv html-table javascript

Link to this answer
Share Copy Link

Contributed on Apr 04 2022

Comfortable Curlew

0 Answers Avg Quality 2/10

Closely Related Answers

javascript code to export table to csv

Comment

<!DOCTYPE html>
<html>
<head>
    <title>Table to CSV Export</title>
</head>
<body>
    <table id="myTable">
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Country</th>
        </tr>
        <tr>
            <td>John Doe</td>
            <td>30</td>
            <td>USA</td>
        </tr>
        <tr>
            <td>Jane Smith</td>
            <td>25</td>
            <td>Canada</td>
        </tr>
    </table>
    <button id="exportBtn">Export to CSV</button>

    <script>
        document.getElementById("exportBtn").addEventListener("click", function () {
            const table = document.getElementById("myTable");
            const rows = table.querySelectorAll("tr");

            let csvContent = "data:text/csv;charset=utf-8,";

            rows.forEach(function (row) {
                const cols = row.querySelectorAll("td, th");
                const rowData = Array.from(cols).map(col => col.textContent);
                csvContent += rowData.join(",") + "\n";
            });

            const encodedUri = encodeURI(csvContent);
            const link = document.createElement("a");
            link.setAttribute("href", encodedUri);
            link.setAttribute("download", "table_data.csv");
            document.body.appendChild(link);
            link.click();
        });
    </script>
</body>
</html>

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: chat.openai.com

Tags: csv export javascript j

Link to this answer
Share Copy Link

Contributed on Aug 24 2023

Obedient Owl

0 Answers Avg Quality 2/10

html table to csv javascript

Contents

More Related Answers

html table to csv javascript

Closely Related Answers

javascript code to export table to csv

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.