All examples
integration

Load into Jspreadsheet CE

TabularJS output is shaped for Jspreadsheet.

Upload a file and instantly render it in the open-source Jspreadsheet CE component, with no data transformation needed.

html
<script src="https://cdn.jsdelivr.net/npm/jsuites/dist/jsuites.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsuites/dist/jsuites.min.css" />
<script src="https://cdn.jsdelivr.net/npm/jspreadsheet-ce/dist/index.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jspreadsheet-ce/dist/jspreadsheet.min.css" />
<script src="https://cdn.jsdelivr.net/npm/tabularjs/dist/index.js"></script>

<div id="sheet"></div>
<input type="file" id="f" />

<script>
  document.getElementById('f').onchange = async (e) => {
    const result = await tabularjs(e.target.files[0]);
    // tabs: true shows every worksheet of the file
    jspreadsheet(document.getElementById('sheet'), { ...result, tabs: true });
  };
</script>

Live Preview

Sample output rendered in Jspreadsheet. Upload your own file to try it.

sample-output.xlsx
Drag a file anywhere on this card to replace the sample data

See more at bossanova.uk/jspreadsheet

PreviousNext.js App Router API routeNextLoad into Jspreadsheet Pro