{"id":4899,"date":"2018-11-05T08:00:35","date_gmt":"2018-11-05T07:00:35","guid":{"rendered":"https:\/\/code-maze.com\/?p=4899"},"modified":"2021-01-20T12:52:29","modified_gmt":"2021-01-20T11:52:29","slug":"angular-material-table","status":"publish","type":"post","link":"https:\/\/code-maze.com\/angular-material-table\/","title":{"rendered":"Angular Material Table, Filtering, Sorting, Paging"},"content":{"rendered":"

We are going to divide this article into two major parts. The first\u00a0part<\/strong> will consist of creating environment files, HTTP repository service, and creating a new Owner module with the lazy loading feature. As you can see, everything is Angular specific, so we won\u2019t dive too deep into these sections. We already have Angular Series<\/a> in which we have talked about these topics in great detail. So if you are not familiar with these topics, we strongly recommend reading the mentioned series.<\/p>\n

In our source code, we can find the OwnerAccountServer<\/code>\u00a0folder which contains the entire .NET Core project, which we have created in .NET Core Series<\/a>. In the same folder, we can find the _MySQL_Init_Script<\/code> folder which contains a script to create a MySQL database with its tables. Just run that script in the MySQL database and you are ready to go.<\/p>\n

The second part<\/strong> will consist of creating a material table and populating that table with data from our server. Furthermore, we are going to create the filter, sorting, and paging functionalities for that table.<\/p>\n

So, it\u2019s time to start our job.<\/p>\n