From the course: Building Angular and ASP.NET Web API Apps

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Creating a Material Design table

Creating a Material Design table

From the course: Building Angular and ASP.NET Web API Apps

Start my 1-month free trial

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…

Contents