checkbox - 在 Handsontable 中添加复选框列

Question

你曾经在 Handsontable 中制作过复选框列吗？

我尝试使用各种方法来做到这一点，但它不起作用。

当用户点击标题上的复选框时，列中的所有行都被选中。

感谢您的帮助。

Answer 1

您只需将列类型选项设置为“复选框”即可创建复选框列。

var $container = $("#example1");
$container.handsontable({
  data: data,
  startRows: 5,
  colHeaders: true,
  minSpareRows: 1,
  columns: [
    {data: "id", type: 'text'},
    //'text' is default, you don't actually have to declare it
    {data: "isActive", type: 'checkbox'},
    {data: "date", type: 'date'},
    {data: "color",
      type: 'autocomplete',
      source: ["yellow", "red", "orange", "green", "blue", "gray", "black", "white"]
    }
  ]
});

有关详细信息，请参阅 this example