twitter bootstrap - español - Cómo mostrar el interruptor de palanca Bootstrap con DataTables a través de Render

datatables bootstrap ejemplos

Question

Estoy usando cargas de Bootstrap Toggle , CSS y JavaScript, por favor, miren la imagen. Sin embargo, cuando uso dentro de la tabla de datos (coloumn hecho) el JavaScript personalizado y el estilo no funcionan. Estoy obteniendo datos a través de Ajax.

Script de tabla de datos

$(''#sampleTable'').DataTable( {
"ajax": {
"url": "/generalTodo",
"dataSrc": ""
},
"columns": [
{
"sortable": true,
className: ''centerize'',
render: function ( data, type, full, meta ) {
return ''<input type="checkbox" checked data-toggle="toggle" data-on="Ready" data-off="Not Ready" data-onstyle="success" data-offstyle="danger">'';
}
},.....

Answer 1

He encontrado la solución:

return ''<input id="toggle-demo" type="checkbox" checked data-toggle="toggle" data-on="Ready" data-off="Not Ready" data-onstyle="success" data-offstyle="danger">'';

y

"fnDrawCallback": function() {
$(''#toggle-demo'').bootstrapToggle();
},

Cargando Js después de la mesa, ¡termina la carga!