Dynamically loading jquery DataTable

Question

I am planning to use Jquery DataTable to display user inbox. I want to load the user messages partially when he clicks on the page number or next or prev button.

from my initial research i think that jquery DataTable needs all table data before it is rendered.

Does any one knows whether there is any possible way to load data tables on user request ?

soju · Accepted Answer · 2012-10-09 10:23:00Z

6

No, you can easily add data to DataTable, just take a look at documentation :

http://datatables.net/api#fnAddData

Or http://datatables.net/release-datatables/examples/server_side/server_side.html

answered Oct 9, 2012 at 10:23

soju

25.4k3 gold badges70 silver badges71 bronze badges

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

2 Comments

Sujith Kp Over a year ago

thanks, but is it possible to send custom data to the ajax source ?

Sujith Kp Over a year ago

Ok, I found how to send custom variables for ajaxsource datatables.net/examples/server_side/custom_vars.html

sarath kumar · Accepted Answer · 2019-08-30 11:21:07Z

1

You can re-initialize data on Datatable dynamically like.

// clear all Datatable instance object 
$('#sample').DataTable().clear();

// re-initialize array values using foreach
sample_array = ['car','apple']
$.each(sample_array, function( index, value ) {
      $('#sample').dataTable().fnAddData( [value]);
});

answered Aug 30, 2019 at 11:21

sarath kumar

1,47513 silver badges7 bronze badges

Collectives™ on Stack Overflow

Dynamically loading jquery DataTable

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related