JQuery DataTables undefine

Question

Я работаю с поиском по отдельному столбцу (выберите входы) с помощью jquery dataTable

<script src="~/Scripts/jquery-3.3.1.js"></script>
<script src="~/Scripts/jquery.dataTables.min.js"></script>
<link href="~/Content/jquery.dataTables.min.css" rel="stylesheet" />

$(document).ready(function() {
$('#tblDemo').DataTable({
    initComplete: function () {
        this.api().columns().every(function () {
            var column = this;
            var select = $('<select><option value=""></option></select>')
                .appendTo($(column.footer()).empty())
                .on('change', function () {
                    var val = $.fn.dataTable.util.escapeRegex(
                        $(this).val()
                    );
                    column
                        .search(val ? '^' + val + '$' : '', true, false)
                        .draw();
                });
            column.data().unique().sort().each(function (d, j) {
                select.append('<option value="' + $(d).text().trim() + '">' + $(d).text().trim() + '</option>')
            });
        });
    },
    orderCellsTop: false,
    fixedHeader: true,
    ordering: false,
    lengthChange: false,
});
});

Я столкнулся с проблемой, что поиск в DataTables не работает с
Придумано dataTable undefine at

$.fn.dataTable.util.escapeRegex(
    $(this).val()
);

эта строка Пожалуйста, помогите мне для решения

Answer 1

Кажется, ваш скрипт запускается, когда документ не полностью готов.Попробуйте обернуть ваш код внутри:

$(document).ready(function() {
    // your code here
});

Answer 2

если вы используете jquery, добавьте этот скрипт в заголовок

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>