JSFiddle - React, Tailwind, and code Playground

by Spreadsheet Online

HTML

<script src="https://bossanova.uk/jspreadsheet/v4/jexcel.js"></script>
<link rel="stylesheet" href="https://bossanova.uk/jspreadsheet/v4/jexcel.css" type="text/css" />

<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Material+Icons" />


<div id="spreadsheet"></div>

<script>
var test = jspreadsheet(document.getElementById('spreadsheet'), {
    minDimensions:[10,10],
    data: [[1,2,3,4],[-1,6784,1133,2031.22]],
    defaultColWidth: 100,
    columns: [
    { type: 'text', mask: '$ #.##0,00;[Red]($ #.##0,00)' },
    { type: 'text', locale: 'en-IN', options: { style:'currency', currency: 'INR' } },
    { type: 'text', locale: 'sp-SP', options: { style:'currency', currency: 'EUR' } },
    { type: 'text', mask: '#.##0,00 €' },
    ]
});
</script>