Как повторно инициализировать dataTables с недавно извлеченными данными через ajax - PullRequest
Новая
       17

Как повторно инициализировать dataTables с недавно извлеченными данными через ajax

0 голосов
/ 02 июля 2019

Я использую TWIG с фреймворком MVC. При работе с DataTables я хотел бы заменить tbody html и обновить таблицу.

Все работает хорошо, и новые данные заменяются в теле таблицы, но затем я не могу вызвать функцию щелчка, чтобы открыть модальное окно. 

<table id = "example-table">
    ...
    <tbody id = 'example-table-body'>
        {{ include ('example-data.html') }}
    </tbody>
</table>

файл example-data.html: 

<tr class = "open-example-modal">
    <td>{{ example.first_name }}</td>
    <td>{{ example.last_name }}</td>
</tr>

В случае успеха Ajax: 

var table = $('#example-table').DataTable();
table.destroy();
$('#example-table-body').html(data);
$('#example-table').DataTable();

Я не получаю ошибок. Все выглядит хорошо, просто я не могу вызвать функцию щелчка.

...