Handsontable - 自定义 HTML 标题渲染器 - <select> 标签问题答案

【问题标题】：Handsontable - custom HTML header renderer - <select> tag issueHandsontable - 自定义 HTML 标题渲染器 - <select> 标签问题
【发布时间】：2019-07-07 05:03:13
【问题描述】：

我正在尝试在我的可动手操作的自定义标题中添加一个“选择”（下拉）标签。问题是，当我单击下拉菜单时，它不会保持打开状态，我无法选择其他选项。

代码如下所示：

colHeaders: function (col) {
  var txt;

  switch (col) {
    case 0:
      txt = `<select class='checker'>
              <option value="optionone">Option One</option>
              <option value="optiontwo">Option Two</option>
              <option value="optionthree">Option Three</option>
            </select>`;

      return txt;
  }
}

这是一个 jsfiddle （我使用了自定义标题渲染器的官方示例，除了我用选择标签替换了复选框）： https://jsfiddle.net/kjcm2y8f/

如果有人知道如何解决这个问题，我将不胜感激。

【问题讨论】：

标签： handsontable

【解决方案1】：

更新您的 Handsontable 版本将有助于解决问题。在您的 jsfiddle 中，将您的 css 替换为：

<script src="https://cdn.jsdelivr.net/npm/handsontable@7.0.1/dist/handsontable.full.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/handsontable@7.0.1/dist/handsontable.full.min.css">

【讨论】：