如何在Jspreadsheet中将B5单元格设置为下拉框类型？

要给B5单元格添加下拉框，你需要在单元格配置里补充下拉选项列表，同时注意合并单元格的设置，以下是修正后的完整代码：

<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" />

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

<script>
var initialInvestData = [
    ['Text', '', 'USD'],
    ['Text', '', 'USD'],
    ['Text', '', 'USD'],
    ['Text', '', 'Years'],
    ['Dropdown', '', ''],
    ['Number', '', '%'],
    ['Text', '', 'USD'],
];
var initialInvestTable = jspreadsheet(document.getElementById('spreadsheet'), {
    data: initialInvestData,
    columns: [
        { width:300 },
        { width:90 },
        { width:90 }
    ],
    cells: {
        B5: { 
            type:'dropdown',
            source: ['选项A', '选项B', '选项C'] // 自定义下拉选项
        }
    },
});
// 合并B5和C5单元格，下拉框会占据合并后的区域
initialInvestTable.setMerge('B5', 2);
</script>
</html>

关键修改说明： #

• 在cells.B5的配置中添加了source属性，这是下拉框必须的选项列表，你可以根据需求替换成自己的选项内容
• 合并单元格的setMerge('B5', 2)会把B5和C5合并成一个单元格，下拉框会显示在合并后的整个区域内

内容的提问来源于stack exchange，提问作者Anisur Rahman