Tengo una tabla con botones Toggle
El código de la tabla es el siguiente:
$('#table').DataTable({
"destroy": true,
"responsive": true,
"processing": true,
"serverSide": true,
"ajax": "tabla/cargos",
"columns": [
{
sortable: false,
"render": function ( data, type, full, meta ) {
return meta.row+1;
}
},
{'data': 'nombre'},
{'defaultContent': '<button type="button" class="editar edit-modal btn btn-info ">'+
'<span class="fa fa-edit"></span> Editar'+
'</button> '+
'<button type="button" class="eliminar delete-modal btn btn-danger">'+
'<span class="fa fa-trash"></span> Eliminar'+
'</button>'
},
{
sortable: false,
"render": function ( data, type, full, meta ) {
if(full.status){
return '<input type="checkbox" checked data-toggle="toggle" data-on="Ready" data-off="Not Ready" data-onstyle="success" data-offstyle="danger">'
}else{
return '<input type="checkbox" data-toggle="toggle" data-on="Ready" data-off="Not Ready" data-onstyle="success" data-offstyle="danger">'
}
}
},
]
});
Pero la tabla no me carga los botones, en cambio, si los coloco afuera si me carga el aspecto de a libreria Bootstrap Toggle.