DataTables Bootstrap 3标头中的All All复选框

Question

我试图在DataTables表的标题中获得一个全选复选框。我正在使用Bootstrap 3，所以我想要相应的样式。我可以使用以下命令很容易地获得行中的复选框：

 columnDefs: [{
     orderable: false,
     className: 'select-checkbox',
     targets: 0
 }],
 select: {
     style: 'multi',
     selector: 'td:first-child'
 }

这仅将复选框放在tbody中，而不是thead中。公平地说，我可以在标题中添加一个复选框，如下所示：

<th><input type="checkbox" class="selectAll"></th>

然后我可以使用以下方法处理selectAll / deselectAll：

$( ".selectAll" ).on( "click", function( e ) {
    if ( $( this ).is( ":checked" ) ) {
            table_active.rows(  ).select();        
    } else {
         table_active.rows(  ).deselect(); 
    }
 } );

有没有更简单的方法？另外，如何获得Bootstrap样式？