Upon using DataTable Directive in Angular, shows all data on first page itself (no pagination),on deleting any row it still persist on frontend upon page switch

[Harshad-Lukare]

Hi Team,

Datatable pagination not working upon performing any activity

1) ISSUE -1

I am Using DataTable Directive in angular (version 13), So in this I fetch data from the pubic api "https://api.covidtracking.com/v1/us/daily.json" and all data shows properly with DataTable pagination

But after refreshing page, it shows all data in first page itself (IT SHOULD SHOW ALL DATA WITH PAGINATION)

All Data shown with Pagination:

After refresh Data shown by DataTable on one Page only:

2) ISSUE 2:

When we click on delete button, selected row gets filter from data array, row gets deleted from frontend also. But upon page switch and come back to page, deleted row still persist in frontend view.

After switch to another page and then back to previous page

BELOW IS MY CODE:

File 1:html file

File 2: .ts file

Please check why DataTable shows this behavior upon deleting any row. Suggest some api by using which we solve pagination issue in angular(v-13)

[AllanJard]

Thanks for your question. However, per the "New issue" template text and the Contributing document, please post support requests in the DataTables forums. Please also ensure that you link to a running test case showing the issue so it can be debugged. I'm sorry if the new issue text and contributing document wasn't clear enough on that topic.