Функция jQuery .load () не работает с DataTables?

Question

Я пытаюсь использовать Datatables с внешней HTML-таблицей. Приведенный ниже код работает просто отлично:

<table id="myTable" class="table table-striped" >  
  <thead>  
    <tr>  
      <th>ENO</th>  
      <th>EMPName</th>  
      <th>Country</th>  
      <th>Salary</th>  
    </tr>  
  </thead>  
  <tbody>  
    <tr>  
      <td>001</td>  
      <td>Anusha</td>  
      <td>India</td>  
      <td>10000</td>  
    </tr>   
  </tbody>  
</table>  

Однако, если я сделаю это так:

<div class="container">
  <div id="includedContent"></div>
</div>

С этим в качестве сценария:

$(function(){
  $("#includedContent").load("bigtableofdata.html");
});

Система больше не работает. Я не могу понять это, и мне интересно, нужно ли мне каким-то образом специально отформатировать это, чтобы это работало. Любая помощь высоко ценится.

Answer 1

Вам нужно будет инициализировать плагин при полном обратном вызове load()

$("#includedContent").load("bigtableofdata.html", function(){
  /// new html exists now
  $('#myTable').DataTable(/*options*/)
});

Обратите внимание, что в API DataTables также есть встроенные конфигурации параметров ajax, которые являются более распространенным подходом к загрузке данных ajax