title: How To Display Bootstrap Toggle Switch with DataTables via Render
body: <p>I am using <a href="http://www.bootstraptoggle.com/" rel="noreferrer">Bootstrap Toggle</a>, CSS, and JavaScript loads fine please see image.However when I use inside datatable (Done coloumn) custom JavaScript and styling doesn't work.I am getting data via Ajax</p>
  
  <p>Datatable Script </p>
  
  <pre><code>$('#sampleTable').DataTable( {
        "ajax": {
          "url": "/generalTodo",
          "dataSrc": ""
        },    
  "columns": [
              {
               "sortable": true,
               className: 'centerize',
               render: function ( data, type, full, meta ) {
  
                  return '&lt;input type="checkbox" checked data-toggle="toggle" data-on="Ready" data-off="Not Ready" data-onstyle="success" data-offstyle="danger"&gt;';
  
  
               }
              },.....
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/3uXTL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/3uXTL.png" alt="enter image description here"></a></p>