Checkbox 在Handsontable中添加复选框列

您是否曾在可与手机通话中设置复选框列

我试着用各种方法去做，但都不管用

当用户单击标题上的复选框时，将选中列中的所有行

---

感谢您的帮助。

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

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"]
    }
  ]
});

有关更多详细信息，请参见手持式文档中现在有一个链接。

HTML:

<div id="example2" class="handsontable"></div>

Javascript:

var myData = [{
    name: "Marcin",
    active: true
}, {
    name: "Jude",
    active: false
}, {
    name: "Zylbert",
    active: false
}, {
    name: "Henry",
    active: false
}]

var $container = $("#example2");
$container.handsontable({
    data: myData,
    rowHeaders: true,
    columns: [{
        data: 'name'
    }, {
        type: 'checkbox',
        data: 'active'
    }],
    colHeaders: function (col) {
        switch (col) {
            case 0:
                return "<b>Bold</b> and <em>Beautiful</em>";

            case 1:
                var txt = "<input type='checkbox' class='checker' ";
                txt += isChecked() ? 'checked="checked"' : '';
                txt += "> Select all";
                return txt;
        }
    }
});

$container.on('mouseup', 'input.checker', function (event) {
    var current = !$('input.checker').is(':checked'); //returns boolean
        for (var i = 0, ilen = myData.length; i < ilen; i++) {
            myData[i].active = current;
        }
    $container.handsontable('render');
});

function isChecked() {
    for (var i = 0, ilen = myData.length; i < ilen; i++) {
        if (!myData[i].active) {
            return false;
        }
    }
    return true;
}

var myData=[{
姓名：“玛辛”，
主动：正确
}, {
姓名：“裘德”，
活动：错误
}, {
姓名：“Zylbert”，
活动：错误
}, {
姓名：“亨利”，
活动：错误
}]
var$container=$（“#示例2”）；
$container.handsontable({
数据：myData，
行标题：对，
栏目：[{
数据：“名称”
}, {
键入：“复选框”，
数据：“活动”
}],
colHeaders：函数（col）{
开关（col）{
案例0：
回归“大胆美丽”；
案例1：
var txt=“全选”；
返回txt；
}
}
});
$container.on（'mouseup'，'input.checker'，函数（事件）{
var current=！$（'input.checker'）。是（':checked'）；//返回布尔值
对于（var i=0，ilen=myData.length；i

下面是您正在寻找的示例

---

希望这对您有所帮助。

您解决了问题吗？我有同样的。