<table id="full_balance_table" class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th>Date</th>
                            <th>Category</th>
                            <th>Title</th>
                            <th>Type</th>
                            <th>Value</th>
                        </tr>
                        </thead>
                        <tbody>
                        <if th:if="${not #lists.isEmpty(fullBalanceRecordList)}">
                            <tr th:each="overallBalanceRecord : ${fullBalanceRecordList}">
                                <td type="text" th:text="${overallBalanceRecord.date != null} ? ${#calendars.format(overallBalanceRecord.date, 'dd.MM.yyyy')} : null"></td>
                                <td th:text="${overallBalanceRecord.category}"></td>
                                <td th:text="${overallBalanceRecord.title}"></td>
                                <td th:text="${overallBalanceRecord.sign}"></td>
                                <td type="number" th:text="${overallBalanceRecord.value}"></td>
                            </tr>
                        </tbody>
                    </table>

var table = $('#example').DataTable( {
   ajax: "/refresh"
} );

setInterval( function () {
    table.ajax.reload();
}, 30000 );