Как активировать флажок select-all при использовании алфавитного поиска в JQuery DataTable?

Question

Как установить флажок «выбрать все» при использовании функции поиска по алфавиту в таблице данных JQuery.

У меня есть таблица данных, и мне нужен флажок «Поиск и выбор всех по алфавиту».Но мой выбор всего не работает при использовании алфавитного поиска в таблице данных JQuery.

https://jsfiddle.net/yxLrLr8o/2216/

let datatable = $('#productTable').DataTable({
    "paging": false,
    alphabetSearch: { column: 0}, 
    "scrollY": "200px",
    dom: 'Alfrtip',

    columnDefs: [{
        orderable: false,
        className: 'select-checkbox',
        targets: 0
    }],

    select: {
        style: 'os',
        selector: 'td:first-child'
    },

    order: [
        [1, 'asc']
    ]
});

datatable.on("click", "th.select-checkbox", function() {
    if ($("th.select-checkbox").hasClass("selected")) {
        datatable.rows().deselect();
        $("th.select-checkbox").removeClass("selected");
    } else {
        datatable.rows().select();
        $("th.select-checkbox").addClass("selected");
    }
}).on("select deselect", function() {
    ("Some selection or deselection going on")
    if (datatable.rows({
            selected: true
        }).count() !== datatable.rows().count()) {
        $("th.select-checkbox").removeClass("selected");
    } else {
        $("th.select-checkbox").addClass("selected");
    }
});

Answer 1

Попробуйте вот так:

Используйте эту библиотеку https://www.gyrocode.com/projects/jquery-datatables-checkboxes/

$(document).ready(function (){
   var table = $('#productTable').DataTable({
       alphabetSearch: { column: 0}, 
       "paging": false,
       dom: 'Alfrtip',
       'columnDefs': [
         {
            'targets': 0,
            'checkboxes': {
             'selectRow': true
            }
         }
      ],
      'select': {
         'style': 'multi'
      },
      'order': [[1, 'asc']]
   });