Creating a Material Design table

- [Instructor] On the last part,…we created our first button but we're not going…to use material design to design buttons.…We're going to use it to create tables, to create forms,…so we can create different entries…and then we can display these entries to the users.…So let us start by creating our table…which is going to be used to display…all the entries from our database.…But how can we create a table using the material design?…For that, go to the material.angular.io.…

And then in here, go to the components.…Then scroll down to the bottom…where you have the table section.…Before you start, you need to make sure…that you have imported the necessary module.…So for that, go to the API tab and in here,…we see that to use the Angular material table,…we need to import the MatTableModule.…So let us import this module.…Copy this line of code…and go to your app.module.ts and paste it up here.…

So we imported it but to be able to use it,…we need to configure it.…So let us write in here, MatTableModule.…Let us go back to the documentation…

Resume Transcript Auto-Scroll

Author

Released

12/20/2018

Single-page applications (SPAs) can provide a more positive and fluid user experience, but designing and building a SPA is not without its challenges. In this course, learn how to leverage ASP.NET Web API and the Angular framework to make the work of designing and building SPAs a bit easier. Instructor Ervis Trupja first shows how to set up the app infrastructure, demonstrating how to create a Web API and Angular app, and then set up the essentials for each one. He steps through how to create the service layer with ASP.NET Web API and use Angular and Material Design to build the UI. Discover how to send requests to a Web API app, handle errors in Angular, create an authentication system using tokens, and more.