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
From the course: Building Angular and ASP.NET Web API Apps
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Adding a component3m 8s
-
(Locked)
Adding a service2m 55s
-
(Locked)
Configuring routing in Angular6m 51s
-
(Locked)
Requesting data from Web API7m 29s
-
(Locked)
Designing a view with Material Design5m 26s
-
(Locked)
Creating a Material Design table5m 30s
-
(Locked)
Showing data to the users4m 8s
-
(Locked)
-
-
-
-
-
-