Javascript 在datatable列中设置复选框的样式

我有一个来自ajax源代码的数据表。我想根据其值在一列中显示复选框。

如果该值是

活动的

，则应选中复选框

，否则它将保持

未选中状态

我正在使用

Switchery JS

对复选框进行样式化。它在正常的

HTML正文中可以正常工作，但在datatable列中不能正常工作

这是小提琴：

问题在于，在数据表填充数据之前，您正在执行“切换”。即使您在之后这样做，您仍然会在隐藏行上没有Switchery，即在第
#2
页、第
#3
页等等

因此，必须在初始化dataTable之后初始化Switchery，并在所有行上执行Switchery。您可以在
initComplete（）
回调中执行此操作，并使用API
every（）
方法迭代所有行：

$（文档）.ready（函数（）{
变量表=$（“#数据表按钮”）。数据表({
initComplete:function（）{
this.api（）.rows（）.every（函数（rowIdx、tableLoop、rowLoop）{
this.nodes（）到$（）.find（'.js开关'）。每个（函数（即，e）{
var开关设备=新开关设备（e{
颜色：“#26B99A”
})
})
})  
},
…//其余的选项
})
})

分叉小提琴->问题在于，在数据表填充数据之前，您正在进行切换。即使您在之后这样做，您仍然会在隐藏行上没有Switchery，即在第
#2
页、第
#3
页等等

因此，必须在初始化dataTable之后初始化Switchery，并在所有行上执行Switchery。您可以在
initComplete（）
回调中执行此操作，并使用API
every（）
方法迭代所有行：

$（文档）.ready（函数（）{
变量表=$（“#数据表按钮”）。数据表({
initComplete:function（）{
this.api（）.rows（）.every（函数（rowIdx、tableLoop、rowLoop）{
this.nodes（）到$（）.find（'.js开关'）。每个（函数（即，e）{
var开关设备=新开关设备（e{
颜色：“#26B99A”
})
})
})  
},
…//其余的选项
})
})

叉形小提琴->