#10. Add datatable in angular | Datatable pagination in angular | Angular CRUD application

In this tutorial we will add datatable in list page, will add some packages, all the packages I will add below this section.

Add datatables in angular | Datatable pagination in angular | Angular CRUD application with JSON server | Angular project | Learning Points

Next tutorial we will create registration process in angular.

In this series we will going to create a simple CRUD application with angular and JSON server. Here Angular will use as a front end and we will get data through JSON server.

Please comment your feedback and support me by subscribing to this channel.

Chapters
00:00 Introduction
00:35 Install jquery and datatable
03:08 Configure Datatable
04:48 Use Datatable
07:55 Conclusion & Next video topic

#angular #angular12 #angularproject #tutorial

[dreamvallyhasan]

your video is very helpfun in professional level

[mohiburrahman]

super. your class is very helpful. i learn Angular from your channel. 😊

[sallufullstack]

Sir How to host this angular-app in firebase hosting which was created using Json server. Please share your advice upon this!

[ramsawase]

Hello sir,
Data table is not working when dynamic data in table.
If we use static data in table, its working.
What is the issue in dynamic data in table? There is no error in console

[anirudhaingole]

Please make the vedio on registration section .

[kamalbhandari]

I face 3 issues
1. bottom of data table still shows... Showing 0 to 0 of 0 entries.
2. table doesn't show according to lengthMenu.
3.search doesn't work.

[jiteshjoshisde]

Sir when you add next vedio in this crud playlist ?? Registration and login component section is not here ..

[ashwinijadhav]

Hello sir,
Data table is not working when dynamic data in table.
If we use static data in table, its working.
What is the issue in dynamic data in table?
Please help

[uttam]

[dtOptions]="dtOptions" is throwing compilation error

[zubairvirgo]

ERROR TypeError: $(...).DataTable is not a function

[avinashkori]

menu is appearing but all the things are not appearing i have restarted the server lots of time, still i get that issue. can you please give me solution ? thank you for your videos and i am waiting for login and register angular tutorials :)

[mohiburrahman]

"No data available in table" at the end of table

[jjuliefrance]

Thanks for videos. But "No data available in table" at the end of table

[omidkarami]

Thank you, that was helpful. However, it doesn't seem to work with dynamic data. There's an additional step needed: using `dtTrigger.next();`. I'll include it here for others' reference, and hopefully, it will help:

dtTrigger: Subject<any> = new Subject();

this.scService
.YourServiceMethodHere()
.subscribe(
data => {
.
.
.

this.dtTrigger.next();
});
}

<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger">
.
.
.
.
.
</table>