javascript code to export table to csv

Obedient Owl answered on February 28, 2022 Popularity 7/10 Helpfulness 4/10

answer javascript code to export table to csv

related export to csv - Javascript - Download CSV as File

related html table to csv javascript

related export csv single javascript

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

Link to this answer
Share Copy Link

Contributed on Aug 24 2023

Obedient Owl

0 Answers Avg Quality 2/10

Closely Related Answers

export to csv - Javascript - Download CSV as File

Comment

function downloadFile(fileName, urlData) {

    var aLink = document.createElement('a');
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("click");
    aLink.download = fileName;
    aLink.href = urlData;
    aLink.dispatchEvent(evt);
}

var data = '"Column One","Column Two","Column Three"';
downloadFile('2.csv', 'data:text/csv;charset=UTF-8,' + encodeURIComponent(data));

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: neeva.com

Tags: export-to-csv ex

Link to this answer
Share Copy Link

Contributed on Feb 28 2022

Successful Starling

0 Answers Avg Quality 2/10

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

Link to this answer
Share Copy Link

Contributed on Apr 04 2022

Comfortable Curlew

0 Answers Avg Quality 2/10

export csv single javascript

Comment

//EXPORT SINGLE COLUMN CSV JAVASCRIPT
function downloadCSV(csv, filename) {
var csvFile;
var downloadLink;
csvFile = new Blob([csv], {type: "text/csv"});
downloadLink = document.createElement("a");
downloadLink.download = filename;
downloadLink.href = window.URL.createObjectURL(csvFile);
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
}
//export
function exportss(filename) {
var csv = [];
var rows = document.querySelectorAll("table tr");
let aa = Array.from(rows).map((x,y)=> {
var row = [], cols = rows[y].querySelectorAll("td, th"); 
    Array.from(cols).forEach((a,b)=>{
        row.push(cols[b].innerText);
    })
    csv.push(row.join(","))
    console.log(csv)   
    return x
    })
downloadCSV(csv.join("\n"), filename);
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: export-csv e

Link to this answer
Share Copy Link

Contributed on Mar 16 2022

Maeron Reyes

0 Answers Avg Quality 2/10

javascript code to export table to csv

Contents

More Related Answers

javascript code to export table to csv

Closely Related Answers

export to csv - Javascript - Download CSV as File

html table to csv javascript

export csv single javascript

Grepper

Documentation

Social

Legal

Contact

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