The Bootstrap toogle button not working on the bootstrap modal

abhilashrajrs

Hi,

I have added a toogle button to the bootstrap datable and its working.

Its changed to normal checkbox when it come to modal view. I will attached the 2 screenshot.

$(document).ready(function() { $('#datatables').DataTable( { "processing": true, "serverSide": true, "ajax": "view-all-listing-process.php", "aaSorting":[[0, "desc"]], "fnDrawCallback": function( oSettings ) { $('.ajax').colorbox({width:"700", height:"670", iframe:true}); initRating(); }, responsive: { details: { display: $.fn.dataTable.Responsive.display.modal( { header: function ( row ) { var data = row.data(); return 'Details for '+data[0]+' '+data[1]; } } ), renderer: $.fn.dataTable.Responsive.renderer.tableAll({ tableClass: 'table' }) } } } ); } ); function initRating(){ $('.BSswitch').bootstrapToggle() }

please help me to fix it

abhilashrajrs

here the 2nd screenshot http://take.ms/7LJhE

kthorngren

This post should help.

Kevin

abhilashrajrs

do you have a jsfiddle available

abhilashrajrs

Here the example i am trying to work.
https://datatables.net/extensions/responsive/examples/display-types/bootstrap-modal.html

Here i found the modal code
https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js

How do i implement it on above JS