JSFiddle - React, Tailwind, and code Playground

by gena

HTML

<div id="container">
    <meta charset="utf-8">
        <title>SheetJS Table Export</title>
            <table id="data-table">
                <tbody>
                    <tr>
                        <th t="s" id="sjs-A1">
                          <span contenteditable="true">Header1</span>
                         </th>
                        <th t="s" id="sjs-B1">
                          <span contenteditable="true">Header2</span>
                         </th>
                        <th t="s" id="sjs-C1">
                          <span contenteditable="true">Header3</span>
                         </th>
                        <th t="s" id="sjs-D1">
                          <span contenteditable="true">Header4</span>
                         </th>
                    </tr>
                        <tr>
                         <td t="s" id="sjs-A2">
                           <span contenteditable="true">TEXT 1</span>
                         </td>
                          <td t="s" id="sjs-A2">
                           <span contenteditable="true">TEXT 2</span>
                         </td>
                         <td t="s" id="sjs-A2">
                           <span contenteditable="true">TEXT 3</span>
                         </td>
                         <td t="s" id="sjs-A2">
                           <span contenteditable="true">TEXT 4</span>
                         </td>
                    </tr>
                </tbody>
            </table>
        </meta>
</div>

<p id="xportxlsx" class="xport"><input type="submit" value="Export to XLSX!" onclick="doit('xlsx');"></p>


<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
<script>
function doit(type, fn, dl) {
 //   var elt = document.getElementById('data-table');
//    var wb = XLSX.utils.table_to_sheet(elt, {sheet:"Sheet JS"});


var workbook = XLSX.utils.book_new();

/* convert table 'table1' to worksheet named "Sheet1" */
var ws1 =...