jQuery datatable not refreshing in Angular

Question

I am using jQuery datatables in my AngularJS app. On success of my GET API call, I am setting the result to a scope variable and using a timeout to initialize the datatable.

$scope.successCallbackOfAPI = function(data) {
    $timeout(function() {
        $scope.items = angular.copy(data);
        $("#myDatatable").DataTable();
    }, 200);
};

I have a scenario where I have to call the API again and refresh the datatable with the new data from the API response. In this case, I will be calling the same callback to reinitialize the datatable.

The datatable still hold the previous data before refreshing even though the scope variables are getting updated.

Is there a way to achieve this without using a directive?

Why are you using timeout for? Is it because $("#myDatatable").DataTable() is asynchronous? — ocket-san
– ocket-san, Commented Feb 9, 2016 at 10:24
i can suggest you to try angular-datatables. this case seems to be good for you — Vanojx1
– Vanojx1, Commented Feb 9, 2016 at 10:27

Przemek · Accepted Answer · 2016-02-09 10:31:18Z

1

When I had this problem I created different function to update my table. It had this part of code:

dataTable.clear().draw() 
dataTable.rows.add( NEWDATA );
dataTable.columns.adjust().draw();

Hope it helps

answered Feb 9, 2016 at 10:31

Przemek

8034 silver badges15 bronze badges

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

Comments

Tyler2P · Accepted Answer · 2024-02-08 20:56:41Z

0

// Apply this code before the api call or in the render() function.

var table = $('#table_id').DataTable();
 
table.clear().draw();  // To reset the table

edited Feb 8, 2024 at 20:56

Tyler2P

2,37030 gold badges26 silver badges34 bronze badges

answered Feb 7, 2024 at 15:37

ENJOYAL

1

Collectives™ on Stack Overflow

jQuery datatable not refreshing in Angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related