JSFiddle - React, Tailwind, and code Playground

HTML

<table id="SummaryTable">
    <tr>
        <td>Jill</td>
        <td>Smith</td>
        <td>50</td>
    </tr>
    <tr>
        <td>James</td>
        <td>Bond</td>
        <td>50</td>
    </tr>
    <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>
    </tr>
    <tr>
        <td>Michael</td>
        <td>Jackson</td>
        <td>77</td>
    </tr>
</table>
<a href="#" class="ExportSummary">Export to CSV</a>

JavaScript

function exportTableToCsv($table, filename) {

        var $rows = $table.find('tr:has(td,th)'),

            // Temporary delimiter characters unlikely to be typed by keyboard
            // This is to avoid accidentally splitting the actual contents
            tmpColDelim = String.fromCharCode(11), // vertical tab character
            tmpRowDelim = String.fromCharCode(0), // null character

            // actual delimiter characters for CSV format
            colDelim = ';',
            rowDelim = '\r\n',

            // Grab text from table into CSV formatted string
            csv = $rows.map(function (i, row) {
                var $row = $(row),
                    $cols = $row.find('td,th');

                return $cols.map(function (j, col) {
                    var $col = $(col),
                        text = $col.text();

                    return text.replace('"', '""'); // escape double quotes

                }).get().join(tmpColDelim);

            }).get().join(tmpRowDelim)
                .split(tmpRowDelim).join(rowDelim)
                .split(tmpColDelim).join(colDelim) + ' ',

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

       console.log(csv);
         $(this)
        .attr({
        'download': filename,
            'href': csvData,
            'target': '_blank'
    });
    }

    $(".ExportSummary").on('click', function () {
        exportTableToCsv.apply(this, [$('#SummaryTable'), 'ExportSummary.csv']);
    });