Today I'm going to write Article about very useful tool,

DataTables.net, many of us having trouble when trying to display data in  HTML page.

 it's important to have filtering, paging, and searching box.

OK, any developer can write it down, but today there are many tools make it easier same DataTables.net,

what we will show in this tutorial.

its look good, and easier when coding it.

So let's start with new ASP.NET MVC 5 project.

Follow the photos ;) 


Choose MVC,


Next Step, Add DataTables From NuGet packages.


If you don't want o use it from NuGet just add it as CDN.

So, Now we need data to send it to our HTML page and display it in DataTables

First, we need to create new Class in Models folder and call it Student.


Next Step, Create Folder Call it Services will put inside it,

a new class (IStudent class).



After Create our Interface, we need to create Repository Folder with StudentRepository class.

In StudentRepository Class, I have fake data just to show you how it will be in our HTML page.

sure you can Use data from your SQL Server database, using Entry Framework.


See you in Part2