2015-12-26 37 views
5

Sto usando Bootstrap Toggle, CSS e JavaScript carica bene per favore vedere l'immagine. Tuttavia, quando uso all'interno datatable (Done coloumn) JavaScript e lo stile non funzionano. dati tramite AjaxCome visualizzare l'interruttore di avvio Bootstrap con DataTables tramite Render

Datatable script

$('#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">'; 


      } 
      },..... 

enter image description here

risposta

5

ho trovato la soluzione:

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

e

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

Caricamento Js dopo la tabella finire il carico!