DataTable列筛选器重置异常：点击重置按钮后表格数据显示异常求助

我之前开发了一个支持每列单独筛选的DataTable，本来一切运行正常，结果最近为了添加「重置所有筛选」的功能修改代码后，就出问题了。

以下是我当前的代码：

$('.dt-column-search thead tr:eq(1) th').each(function(i) {
    var title = $(this).text();
    //another condition {
        
    } else {
        $(this).html(
            '<button class="btn btn-danger btn-sm" id="resetFilter">reset</button>');
    }


    $('input, select', this).on('keyup change', function() {
        if (dt_filter.column(i).search() !== this.value) {
            dt_filter.column(i).search(this.value).draw();
        }
    });


});


var dt_filter = dt_filter_table.DataTable({
    ajax: {
        
    },
    columns: [
    ],
    orderCellsTop: true,
    dom: '<"row"<"col-sm-12 col-md-6"l>><"table-responsive"t><"row"<"col-sm-12 col-md-6"i><"col-sm-12 col-md-6"p>>',
    drawCallback: function() {
        

        const resetFilter = document.querySelector('#resetFilter');
        if (resetFilter) {
            resetFilter.addEventListener('click', function() {
                $('input[type="text"]').val('');

                $('select').val('').trigger('change');

                $('.flatpickr-input').each(function() {
                    if ($(this).hasClass('flatpickr-input')) {
                        this._flatpickr.clear();
                    }
                });
                dt_filter.columns().search('').draw();
                dt_filter.ajax.reload(null, false);
            });
        }
    }
});

现在的问题是，点击重置按钮后，表格的数据显示完全不符合预期，具体情况如图所示：

有没有大佬能帮我排查下问题呀？

备注：内容来源于stack exchange，提问作者cussaxx