JSFiddle - React, Tailwind, and code Playground

by Ilya Karpuk

HTML

<script src="https://raw.githack.com/Aymkdn/ExcelPlus/master/2.3/sheetjs.all.min.js"></script>
<script src="https://raw.githack.com/Aymkdn/ExcelPlus/master/2.3/excelplus-2.3.min.js"></script>
<object id="file-object"></object>
<div id="result"></div>

JavaScript

var ep=new ExcelPlus();

/*ep.createFile("Book1")
  .write({ "content":[ ["A1","B1","C1"] ] })
  .createSheet("Book2")
  .write({ "cell":"A1", "content":"A1" })
  .write({ "sheet":"Book1", "cell":"D1", "content":new Date() })
  .saveAs("demo.xlsx");*/
  

var ep=new ExcelPlus();
ep.openLocal({
  "labelButton":"Open an Excel file"
},function() {
  // show the content of the first sheet
  var a = ep.selectSheet(1).readAll();
  var html = "<table>";
  for (var i=0; i < a.length; i++) {
    html += '<tr>';
    for (var j=0; j < a[i].length; j++) {
      html += '<td>'+a[i][j]+'</td>'
    }
    html += '</tr>';
  }
  html += '</table>'
  document.querySelector("#result").insertAdjacentHTML('beforeend', html);
})