如何顯示切換引導通過渲染開關與數據表

Question

我使用Bootstrap Toggle，CSS和JavaScript加載罰款請參閱image.However當我的DataTable（完成coloumn）中使用自定義JavaScript和樣式不幹活。我得到通過Ajax數據

DataTable的腳本

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

我已經找到了解決辦法：

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

和

表後

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

加載的js完成裝車！