Внешний файл js не обнаруживает строки html-таблицы, добавленные с помощью вызова ajax

Question

Я извлекаю данные из базы данных SQL и добавляю их в качестве существующей строки HTML.Вот мой код:

Ajax-вызов для получения данных о analyze_submit представить

$(document).ready(function(e) {
    $('#analyze_submit').click(function() {

   var data = $("#analyze_options_select").val();


     $.ajax({
            url  :ajaxurl,
            type :'POST',
            data: { 'action': 'expense','analyze_options':data },
            success: function(data){
                $("#example tbody").html(data);

            }
        });
            $("#summary_head").slideDown('slow');
            $("#detailed_view_head").slideDown('slow');
            $("#analyze_output").slideDown(); 

    }); 

});

Существующий код таблицы:

<table id="example" class="grid">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Account</th>
                        <th>Category</th>
                        <th>Description</th>
                        <th>Amount</th>
                    </tr>
            </thead>

            <tbody>

            </tbody>
</table>

Я добавляю данные в таблицуtbody section.

Теперь я пытаюсь добавить функцию сортировки \ фильтрации для окончательной таблицы HTML.Для этого мне нужно вызвать этот внешний файл js.

https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js 

Проблема, с которой я сталкиваюсь, заключается в том, что этот файл js не обнаруживает данные, извлеченные из базы данных посредством вызова ajax.Я пытался добавить $ .getScript в конце функции отправки кнопки, но она не работает.

$. GetScript ('https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js);

Я новичок в jquery \ javascript ив данный момент застрял здесь. Любое руководство для продвижения вперед?

Answer 1

 $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
          "url"  :ajaxurl,
    } );