Как добавить данные в таблицы данных в jquery?

Question

Я пытался добавить данные в таблицу данных в 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>

Ожидаю правильную таблицу данных.

Answer 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 пытается отобразить таблицу.Добавить строку перед рендерингом. В Datatable создается $(document).ready(function() (в противном случае вы получите таблицу с 0 строками).В противном случае, если вы добавите строки после рендеринга Datatable, используйте rows.add(), а затем перерисовайте таблицу на экране с помощью функции draw().