Render a django table using ajax

Question

I am using django tables2 to generate my tables dynamically. I display a table using a custom format. Now on clicking a button in a table I need to update the data in the table to something else without refreshing the whole page. Is it possible that I send in an updated "table" variable from the server side and and just parse through the whole table again with that variable instead of picking up each and every element by hand using queries and then replacing the data inside them.

My code is like this:

{% block table %}
<!--table parsing done here -->
{% endblock %}

I found similar question at this link but there was no answer:

Rendering JSON objects using a Django template after an Ajax call

Thomas · Accepted Answer · 2013-07-08 02:58:59Z

1

Do you have an id on the table? if so you do something like this:

$("table[id]").each(function(i,item){
  var $table = $(item)
  var table_id = $table.attr('id')
  $table.find(".refresh-button").on("click", function() {
    $table.load(location.href + " " + table_id);
  })
})

This uses jquery to reload the page in an ajax call, and then swap the refreshed table into the document where the old data used to be.

ALTERNATELY:

you can define a new url, that just returns the rendered table, and call this in the inner function.

$table.load("/_tables/my_table/ " + table_id);

answered Jul 8, 2013 at 2:58

Thomas

11.9k4 gold badges43 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thomas Over a year ago

Hey @SilentPro, If this answer helped or informed you, would you consider marking as correct?

Collectives™ on Stack Overflow

Render a django table using ajax

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related