Как добавить данные в таблицы данных в jquery?
Я пытался добавить данные в таблицу данных в jquery, данные добавляются в таблицу данных, но таблица данных не работает должным образом, что означает сортировку, разбивку на страницы, поиск не работает. Даже данные есть в таблице данных, но они показывают 0 записей. Я пытаюсь заставить все функции работать правильно, пожалуйста, помогите мне в этом.
<table id = "newexample1">
<thead>
<tr>
<th>Name</th>
<th>Employee</th>
<th>InTime</th>
</tr>
</thead>
<tbody class = "tablebody">
</tbody>
</table>
<script>
function newfunction() {
$(".tablebody").append("<tr onclick='historyfunction()'><td>Sasi Kumar</td><td>Suresh Kumar</td><td>21/06/2019 10:59:02</td></tr>");
}
</script>
<script>
$(document).ready(function() {
$('#newexample1').DataTable();
});
</script>
Ожидаю правильную таблицу данных.
ошибки нет, но не работает сортировка, пагинация, поиск
После добавления новых строк вы должны destroy и re-draw таблицу, тогда все будет хорошо
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
function newfunction() {
$(".tablebody").append("<tr onclick='historyfunction()'><td>Sasi Kumar</td><td>Suresh Kumar</td><td>21/06/2019 10:59:02</td></tr>");
$(".tablebody").append("<tr onclick='historyfunction()'><td>omar omar</td><td>Suresh Kumar</td><td>21/06/2019 10:59:02</td></tr>");
}
$(document).ready(function() {
newfunction();
$('#newexample1').DataTable();
});
Здесь рабочий JSfiddle
В вашем коде newfunction() никогда не вызывается, поэтому таблица пуста, когда Datatable пытается отобразить таблицу. Добавьте строку перед созданием экземпляра Render Datatable в $(document).ready(function() (в противном случае вы получите таблицу 0 строк).
В противном случае, если вы хотите добавить строки после рендеринга Datatable, используйте rows.add(), а затем перерисуйте таблицу на экране с помощью функции draw().
У вас есть ошибка?