How to dynamically update data in Django + ajax table?

Question

Django

There is a table:

<table class="table table-striped" id="tables">
{% for field in response %}
    <tr>

    <td>{{ field.value }}</td>
    <td>{{ field.date }}</td>       
        <td><input name="checkd"  type="button" value="Подтвердить" class="btn btn-success"
                   data-trans-id="{{ field.id }}" data-url="{% url "dashboard:change_valid" %}"
        data-valid="False"/></td>

        <td><input name="delete" type="button" value="Удалить" class="btn btn-danger"
                   data-trans-id="{{ field.id }}" data-url="{% url "dashboard:delete" %}"
        /></td>
    </tr>
{% endfor %}

it is necessary that after confirmation/deletion the line was deleted from the table without refreshing the page.

I found on the Internet that you can load data like this after an ajax request:

function(data){
$('#tables').html(data) 
}

As far as I understand, it is necessary to form a ready-made html table with all the data in the view, but I did not find how to do it.

Answer 1

You check
request.is_ajax()
and send only the table instead of the whole page