Как отфильтровать данные таблицы с помощью опции множественного выбора и раскрывающегося списка?

Question

Как сделать множественный выбор выпадающего фильтра? или есть другие данные, которые будут делать то же самое?

https://codepen.io/rifat-h/pen/gOOxjvb

Я много гуглил об этой проблеме. Я, вероятно, не знаю, как искать эту проблему. Я буду использовать все остальное, что позволит мне иметь фильтр табличных данных с выпадающим меню с множественным выбором, например, select2 или jquery-selected.

(function ($) {

    var dataTable;

    var select2Init = function () {
        $('select').select2({
            dropdownAutoWidth: true,
            allowClear: true,
            placeholder: "Select a grade",
        });
    };

    var dataTableInit = function () {
        dataTable = $('table').dataTable({
            "columnDefs": [{
                "targets": 2,
                "type": 'num',
            }, {
                "targets": 3,
                "type": 'num',
            }],
        });
    };

    var dtSearchInit = function () {

        $('#grade').change(function () {
            dtSearchAction($(this), 2)
        });
        $('#two_grade').change(function () {
            dtSearchAction($(this), 3);
        });

    };

    dtSearchAction = function (selector, columnId) {
        var fv = selector.val();
        if ((fv == '') || (fv == null)) {
            dataTable.api().column(columnId).search('', true, false).draw();
        } else {
            dataTable.api().column(columnId).search(fv, true, false).draw();
        }
    };


    $(document).ready(function () {
        select2Init();
        dataTableInit();
        dtSearchInit();
    });

})(jQuery);