Проверить все постранично в Datatable

У меня есть код, который отображает данные в таблицах с флажком, и вот он

var link = '../../php_try/get_info.php?id='+ nda_id + '&val_dept=' + val_dept + '&val_sect=' + val_sect;
        $('#tbl_user').dataTable({
            "destroy": true,
            "order": [],
            "bProcessing": true,
            "stateSave": true,
            "iDisplayLength": "All",
            "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
            "sAjaxSource": link,
            'columnDefs': [{
                'targets': 0,
                'render': function (data, type, row, meta){
                    return '<input type = "checkbox" id = "md_checkbox_' + data + '" class = "filled-in chk-col-blue chkall" style = "display: flex">' +
                           '<label for = "md_checkbox_' + data + '"></label>';
                }
            },
            { targets: 0, orderable: false },
            { className: "custom_right", "targets": [1] },
            ],
            "aoColumns": [
                { mData: 'test1' },
                { mData: 'test2' },
                { mData: 'test3' },
                { mData: 'test4' },
                { mData: 'test5' },
                { mData: 'test6' },
                { mData: 'test7' }
            ]
        });

Теперь на этом ссылка на сайт это то место, где флажок выглядит как в моей таблице

Теперь у меня есть главный флажок, и вот он

<input type = "checkbox" id = "md_checkbox_21" class = "filled-in chk-col-blue">
<label for = "md_checkbox_21">Check All</label>

и мой код для выбора всех флажков в таблицах данных - это

/* Check all sub checkbox if main checkbox is checked */
$("#md_checkbox_21").change(function() {
    if (this.checked) {
        $('.chkall').prop("checked", true);
    } else {
        $('.chkall').prop("checked", false);
    }
});

на самом деле проблема в том, что другой флажок на скрытой странице не установлен. мой вопрос в том, как я могу установить все флажки, в том числе на этих других страницах