JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://bossanova.uk/jexcel/v4/jexcel.js"></script>
<link rel="stylesheet" href="https://bossanova.uk/jexcel/v4/jexcel.css">
<script src="https://bossanova.uk/jsuites/v3/jsuites.js"></script>
<link rel="stylesheet" href="https://bossanova.uk/jsuites/v3/jsuites.css">
<table id="spreadsheet">
<thead>
<tr>
<th>tab 1</th>
<th>tab 2</th>
<th>tab 3</th>
<th>tab 4</th>
<th>tab 5</th>
<th>tab 6</th>
<th>tab 7</th>
<th>tab 8</th>
<th>tab 9</th>
<th>tab 10</th>
</tr>
</thead>
<tbody>
<tr>
<td>Edition: Standard Edition
Spyro`s back and he`s all scaled up!
The original roast master is back! Same sick burns, same smoldering attitude, now all scaled up in stunning HD. Spyro is bringing the heat like never before in the SpyroTM Reignited Trilogy game collection
All 3 original Spyro games fully remastered in HD
Includes Spyro the Dragon, Spyro 2: Ripto`s Rage! and Spyro: Year of the Dragon
100+ levels, remastered with breathtaking graphical updates and improved gameplay controls</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
JavaScript
$('#spreadsheet').jexcel({
allowInsertColumn: false,
allowInsertRow: false,
hideIndex : true,
columns: [
{
type: 'text', wordWrap : true
},
{
type: 'text', wordWrap : true
},
{
type: 'text', wordWrap : true
},
{
type: 'text', wordWrap : true
},
{
type: 'text', wordWrap : true
},
{
type: 'text', wordWrap : true
},
{
type: 'text', wordWrap : true
},
{
type: 'text', wordWrap : true
},
{
type: 'text', wordWrap : true
},
{
type: 'text', wordWrap : true
}
],
minDimensions: [10, 1],
maxDimensions: [10, 1],
tableOverflow: true,
tableWidth: '600px',
contextMenu: function() {
return false;
}
}).hideIndex();