cssとcheckallチェックボックスがデータテーブルとブートストラップで機能しない

Question

imブートストラップを使用し、jquery DataTableと統合しています。私の問題は、私はすべてのチェックボックスをチェックすることです。それは最初のページには適用されません。それ以外のページはチェックされています。とCSSはあまりにも動作していないようです。誰もそこにこの問題に直面している？下の図を参照してください。このコードを使用して

とイム..

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

我々はまた、プロジェクトの機能を使用します。あなたがこれを行うことが可能..実際に鉱山が正常に動作している...のDataTableイマイチ作業の最初のページだけをあなたの助け

// 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); 
      } 
     }) 
    });