JSFiddle - React, Tailwind, and code Playground

by gmdavis62

HTML

<div id="dvData">

<iframe id="myFrame" style="display:none"></iframe>

</div>

<br/>

<a href="#" download="data.csv" id="btnExport" >Export data into Excel</a>

JavaScript

function exportToCSV() {

var csv = “Abc, DEF, GHI, JKLM”

// Data URI

csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);

$(this)

.attr({

'href': csvData,

'target': '_blank'

});

}

// This must be a hyperlink

$("#btnExport ").on('click', function (event) {

exportToCSV.apply();

});