table.column (). search (). draw () не является ошибкой функции при использовании jquery datatables.net

Question

Я использую библиотеку datatables.net для создания таблицы.Я делаю руководство на стороне сервера.

Я создал функцию GetReportTable, которая создает и заполняет таблицу с использованием datatables.net.Я получаю эту ошибку при загрузке страницы.Несмотря на то, что в инструменте разработчика отображается ошибка, это не влияет на функциональность.

Это сообщение об ошибке "Uncaught TypeError: reportTable.column (...). Search (...). Столбец не являетсяФункция в GetReportDetailsData (Отчет: 368) "Я нашел проблему для ошибки в моем коде.Я не передавал столбец и значение поиска, когда вызывал функцию для получения таблицы отрисовки.

Теперь это исправлено.Пожалуйста, закройте эту тему.Спасибо.

 $('#ReportDetailsDiv').ready(function () {
        itemType = $('#selectedItemType').data('itemtype');
        projType = $('#selectedStoreType').data('storetype');
        month = $('#selectedMonth').data('month')
        year = $('#selectedYear').data('year');


        **GetReportDetailsData(token, itemType, projType, month, year);**

    })



    $('#btnReportFilter').on('click', function (e) {
        event.preventDefault();
        itemType = $('#selectedItemType').data('itemtype');
        projType = $('#selectedStoreType').data('storetype');
        month = $('#selectedMonth').data('month')
        year = $('#selectedYear').data('year');

        var colStore = $('#searchOpenItemByStoreId').attr('data-column');
        var colItem = $('#searchOpenItemByItemId').attr('data-column');

        var valStore = $('#searchOpenItemByStoreId').val().toLowerCase();
        var valItem = $('#searchOpenItemByItemId').val().toLowerCase();

        GetReportDetailsData(token, itemType, projType, month, year, colStore, valStore, colItem, valItem);

    })


    var GetReportDetailsData = function (token, itemType, projType, month, year, colStore, valStore, colItem, valItem) {


        $.fn.dataTable.ext.errMode = 'none';

        var ReportDetailsDivToUpdate = $('#ReportDetailsDiv');

        ReportDetailsDivToUpdate.html("");

        var table = '';
        table += ' <table> all table markup is here</table>';

        ReportDetailsDivToUpdate.html(table);


        //server side

        var reportTable = $('#reportTable').DataTable({
            "ajax": {
                url: "my url",
                headers: { "__requestverificationtoken": token },
                type: "POST",
                data: {
                    //all data are here                },
                datatype: "json"
            },
            "columns": [
                   //all column objects are here
            ],
            lengthMenu: [[200, 500, 1000], [200, 500, 1000]],
            responsive: true,
            order: [0, "asc"],
            paging: true,
            fixedHeader: true,
            autoWidth: false,
            responsive: true,
            serverSide: true,
            dom: "<'row'<'col-sm-6'l><'col-sm-3'i><'col-sm-3'p>>" +
                 "<'row'<'col-sm-12'tr>>"
        });


        $("select[name='myTable_length']").addClass('selectShowEntries');


        reportTable.column(colItem).search(valItem).column(colStore).search(valStore).draw();


    }```