Javascript tablator.js中的复选框列选择问题

我使用的是tablator.js v4.2.7，我有一个复选框列来选择行。此列标题有一个用于选择/取消选择所有行的复选框

这很好用。但在单击“标题”复选框后，所有行都将被选中，如果我取消选中任何行复选框，则标题复选框不会被取消选中

例如，如果我有5行，并且如果我单击“标题”复选框，则所有5行都将被选中，现在如果我取消选中“第2行”复选框，则其余4行仍将被选中，并且需要取消选中“标题”复选框。但标题复选框未被取消选中

以下是复选框列的代码：

{
标题：“选择所有
”，
字段：“IsSelected”，
格式化程序：函数（单元格、formatterParams、onRendered）{
返回“”；
},
宽度：50，
海德斯波特：错，
头过滤器：错误，
cssClass:“文本中心”，
冻结：是的，
工具提示：false，
可调整大小：false，
cellClick：函数（e，单元格）{
var$element=$（cell.getElement（））；
var$chkbox=$element.find（'.select行'）；
if（cell.getData（）.IsSelected）{
cell.getRow（）.取消选择（）；
}否则{
cell.getRow（）.select（）；
}
$chkbox.prop（'checked'，！cell.getData（）.IsSelected）；
cell.getData（）.IsSelected=！cell.getData（）.IsSelected；
},
headerClick：函数（e，列）{
if（column.getTable（）.getSelectedRows（）.length！==column.getTable（）.getDataCount（））{
$（'.select row，.select all row'）.prop（'checked'，true）；
column.getTable（）.selectRow（）；
}否则{
$（'.select row，.select all row'）.prop（'checked'，false）；
column.getTable（）；
}
}
}

请帮助我找出我做错的地方

谢谢

---

阿卜杜勒

经过几个小时的分析，我发现我错在哪里。我通过设置标题单击列中所有单元格的

cell.getData（）.IsSelected

，并根据计数添加逻辑以取消选中单元格单击中的标题复选框来解决问题。此外，我还用香草javascript替换了Jquery代码，答案如下：

下面是工作片段

var tabledata=[{
id:1，
姓名：“奥利·鲍勃”，
进展：12，
地点：“联合王国”，
性别：“男性”，
评级：1，
上校：“红色”，
dob:“14/04/1984”，
汽车：1，
幸运儿：5号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:2，
姓名：“玛丽·梅”，
进展：1，
地点：“德国”，
性别：“女性”，
评级：2，
上校：“蓝色”，
dob:“14/05/1982”，
车：是的，
幸运儿：10号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:3，
姓名：“克里斯汀·洛博斯基”，
进展：42，
地点：“法国”，
性别：“女性”，
评级：0，
上校：“绿色”，
dob:“22/05/1982”，
汽车：“真的”，
幸运儿：12号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:4，
姓名：“布伦登飞利浦”，
进展：100，
地点：“美国”，
性别：“男性”，
评级：1，
上校：“橙色”，
dob:“1980年8月1日”，
车：错，
幸运儿：18号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:5，
姓名：“Margret Marmajuke”，
进展：16，
地点：“加拿大”，
性别：“女性”，
评级：5，
上校：“黄色”，
dob:“31/01/1999”，
车：错，
幸运儿：33号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:6，
名称：“弗兰克港”，
进展：38，
地点：“俄罗斯”，
性别：“男性”，
评级：4，
上校：“红色”，
dob:“1966年5月12日”，
汽车：1，
幸运儿2号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:7，
姓名：“杰米·纽哈特”，
进展：23，
地点：“印度”，
性别：“男性”，
评级：3，
上校：“绿色”，
dob:“14/05/1985”，
车：是的，
幸运儿：63号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:8，
姓名：“Gemma Jane”，
进展：60，
地点：“中国”，
性别：“女性”，
评级：0，
上校：“红色”，
dob:“22/05/1982”，
汽车：“真的”，
幸运号：72，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:9，
姓名：“艾米丽·赛克斯”，
进展：42，
地点：“韩国”，
性别：“女性”，
评级：1，
上校：“栗色”，
dob:“1970年11月11日”，
车：错，
幸运儿：44号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:10，
姓名：“詹姆斯·纽曼”，
进展：73，
地点：“日本”，
性别：“男性”，
评级：5，
上校：“红色”，
dob:“22/03/1998”，
车：错，
幸运儿：9号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:11，
姓名：“奥利·鲍勃”，
进展：12，
地点：“联合王国”，
性别：“男性”，
评级：1，
上校：“红色”，
dob:“14/04/1984”，
汽车：1，
幸运儿：5号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:12，
姓名：“玛丽·梅”，
进展：1，
地点：“德国”，
性别：“女性”，
评级：2，
上校：“蓝色”，
dob:“14/05/1982”，
车：是的，
幸运儿：10号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
id:13，
姓名：“克里斯汀·洛博斯基”，
进展：42，
地点：“法国”，
性别：“女性”，
评级：0，
上校：“绿色”，
dob:“22/05/1982”，
汽车：“真的”，
幸运儿：12号，
lorem：“lorem ipsum door sit amet，Elite concertetur adipising”
},
{
身份证号码：14，
姓名：“布伦登飞利浦”，
进展：100，
地点：“美国”，
性别：“男性”，
评级：1，
上校：“橙色”，
dob:“1980年8月1日”，
车：错，
幸运儿：18号，
lorem：“lorem ipsum dolor sit amet，eli