Table overflow
Define width and height for your online javascript spreadsheet.
Source code
A | B | C | D | E | F | G | H | I | J | |
1 | ||||||||||
2 | ||||||||||
3 | ||||||||||
4 | ||||||||||
5 | ||||||||||
6 | ||||||||||
7 | ||||||||||
8 | ||||||||||
9 | ||||||||||
10 | ||||||||||
11 | ||||||||||
12 | ||||||||||
13 | ||||||||||
14 | ||||||||||
15 | ||||||||||
16 | ||||||||||
17 | ||||||||||
18 | ||||||||||
19 | ||||||||||
20 |
<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://bossanova.uk/jspreadsheet/v4/jspreadsheet.js"></script>
<link rel="stylesheet" href="https://bossanova.uk/jspreadsheet/v4/jspreadsheet.css" type="text/css" />
<script src="https://jsuites.net/v5/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v5/jsuites.css" type="text/css" />
<div id="spreadsheet"></div>
<script>
jspreadsheet(document.getElementById('spreadsheet'), {
minDimensions: [10, 20],
defaultColWidth: 100,
tableOverflow: true,
tableWidth: "600px",
columns: [
{
type: "dropdown",
source: [{ id: 1, name: "yes" }, { id: 2, name: "no" }]
},
{
type: "dropdown",
source: [{ id: 1, name: "yes" }, { id: 2, name: "no" }]
},
{
type: "dropdown",
source: [{ id: 1, name: "yes" }, { id: 2, name: "no" }]
},
{
type: "dropdown",
source: [{ id: 1, name: "yes" }, { id: 2, name: "no" }]
},
{
type: "dropdown",
source: [{ id: 1, name: "yes" }, { id: 2, name: "no" }]
}
]
});
</script>
</html>