handsontable用checkbox设置单选

你可以使用 `renderer` 属性来实现单选。

首先，你需要定义一个 `columns` 数组，其中包含你的所有列，包括 checkbox 列。在 checkbox 列中，你需要设置 `type` 属性为 `checkbox`，并为每个单元格设置一个 `checked` 属性，以便它们可以显示或隐藏复选框。

然后，你需要为 checkbox 列设置一个 `renderer` 函数，该函数将返回一个包含复选框的 DOM 元素。在该函数中，你可以使用 `addEventListener` 来为复选框设置单击事件监听器，以便在单选时更新其他单元格的状态。

以下是一个示例代码：

const columns = [
  { data: 'name', title: 'Name' },
  { data: 'age', title: 'Age' },
  {
    data: 'selected',
    title: 'Selected',
    type: 'checkbox',
    checked: false,
    renderer: (instance, td, row, col, prop, value, cellProperties) => {
      const checkbox = document.createElement('input');
      checkbox.type = 'checkbox';
      checkbox.checked = value;
      checkbox.addEventListener('click', (event) => {
        instance.setDataAtRowProp(row, 'selected', !value);
        for (let i = 0; i < instance.countRows(); i++) {
          if (i !== row) {
            instance.setDataAtRowProp(i, 'selected', false);
          }
        }
      });
      td.appendChild(checkbox);
      return td;
    },
  },
];

const hot = new Handsontable(document.getElementById('example'), {
  data: data,
  columns: columns,
  // ...
});

在上面的示例代码中，我们为 checkbox 列定义了一个 `renderer` 函数，该函数将返回一个包含复选框的 DOM 元素。我们还添加了一个单击事件监听器，当用户单击复选框时，它将更新其他行的状态，以便只有一个行被选中。