CSS und checkall checkbox funktioniert nicht in Datentabelle und bootstrap

Question

ich benutze Bootstrap und integriere es mit jquery DataTable. Mein Problem ist, ich mache alle Checkboxen. es gilt nicht auf der ersten Seite. aber andere Seite es überprüft. und die CSS scheinen auch nicht zu funktionieren. Wer ist da draußen auch mit diesem Problem konfrontiert? Siehe das Bild unten.

und im mit diesem Code ..

$(document).ready(function() { 
     var table = $('#example').DataTable({ 
      'columnDefs': [{ 
       'targets': 8, 
       'orderable': false, 
      }] 
     }); 

     // Handle click on "Select all" control 
     $('#example-select-all').on('click', function() { 
      // Check/uncheck all checkboxes in the table 
      var rows = table.rows({ 'search': 'applied' }).nodes(); 
      $('input[type="checkbox"]', rows).prop('checked', this.checked); 
     }); 
    }); 

Answer 1

wir auch die Funktion des Projekts verwenden; Sie dies tun können:

// Handle click on "Select all" control 
    $('#example-select-all').change(function() { 
     // Check/uncheck all checkboxes in the table 
     var checkbox=$('#example input[type="checkbox"]'); 
     var checked = $(this).is(":checked"); 
     checkbox.each(function(){ 
      if (checked) { 
       $(this).attr("checked", true); 
      } else { 
       $(this).attr("checked", false); 
      } 
     }) 
    });