Флажок DataTables Select All в заголовке с помощью Bootstrap 3 - PullRequest
Новая
       33

Флажок DataTables Select All в заголовке с помощью Bootstrap 3

0 голосов
/ 18 июня 2019

Я пытаюсь установить флажок выбора всех в заголовке таблицы 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?

...