Handsontable，禁用编辑，但允许单元格下拉列表中的值

// 创建一个自定义的编辑器
var customEditor = Handsontable.editors.BaseEditor.prototype.extend();

customEditor.prototype.prepare = function (row, col, prop, td, originalValue, cellProperties) {
  // 创建一个下拉列表
  this.select = document.createElement('select');

  // 添加下拉列表中的选项
  var options = ['Option 1', 'Option 2', 'Option 3'];
  for (var i = 0; i < options.length; i++) {
    var option = document.createElement('option');
    option.value = options[i];
    option.text = options[i];
    this.select.appendChild(option);
  }

  // 将下拉列表添加到单元格中
  Handsontable.dom.empty(td);
  td.appendChild(this.select);
};

customEditor.prototype.getValue = function () {
  // 返回选中的值
  return this.select.value;
};

// 创建一个自定义的渲染器
var customRenderer = function (instance, td, row, col, prop, value, cellProperties) {
  // 将值呈现为文本
  Handsontable.renderers.TextRenderer.apply(this, arguments);
};

// 配置Handsontable
var hot = new Handsontable(document.getElementById('example'), {
  data: [['Value 1'], ['Value 2'], ['Value 3']],
  columns: [
    {
      editor: customEditor, // 使用自定义的编辑器
      renderer: customRenderer // 使用自定义的渲染器
    }
  ],
  readOnly: true // 设置表格为只读模式
});