jquery帶複選框的數據錶行分組

Question

我有一個數據表，我想在其中應用行分組。還包括一個複選框插件。我試過datatables website上列出的代碼，但我沒有運氣。 api不會爲「城市」列添加分組的行。我用於分組的代碼如下所示：

$(document).ready(function(){ 
      $('#example').DataTable({ 
      columnDefs: [{ 
       targets: 0, 
       'checkboxes': { 
        'selectRow': true 
       } 
      }, 
      { "visible": false, "targets": 1 }], 
      select: { 
       style: 'multi' 
      }, 
      order: [[1, 'asc']], 
      iDisplayLength: 10, 
      drawCallBack: function() { 
       var api = this.api(); 
       var rows = api.rows({ page: 'current' }).nodes(); 
       var last = null; 

       api.column(1, { page: 'current' }).data().each(function (group, i) { 
        if (last !== group) { 
         $(rows).eq(i).before(
          '<tr class="group"><td colspan="6">' + group + '</td></tr>' 
         ); 

         last = group; 
        } 
       }); 
      } 
     }); 
}); 

我的代碼在我jfiddle here。複選框可能干擾分組嗎？請讓我知道我出錯的地方。

注： 複選框被gyrocode 的數據表基礎上的插件版本1.10.12

Answer 1

您使用不正確的選項名稱，應該是drawCallback，而不是drawCallBack。

有關代碼和演示，請參見updated example。