From the course: Angular: Material Design
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Tables, part 1 - Angular Tutorial
From the course: Angular: Material Design
Tables, part 1
- [Instructor] We've all seen data tables before, but what is the proper way to use them? Well, according to Materium data tables are meant to show lots of data in a format that's easy to scan, identify patterns, and draw conclusions. You can use additional tools to help visualize data such as filters and sorting. And these tools should be available on top or bottom of the data table. Data should always be presented and organized in a sort order that's obvious to the user. Don't create a table with only two columns. There are other ways to show key value relationships than a data table. If your table allows multiselection, use a checkbox in the first column. If your users can drill into data, it's good practice to highlight the row on hover. Let's add a data table to our orders application. In Visual Studio Code, let's go ahead and Command + P and open the orders.module.ts file. And we're going to go ahead and import what we need for our data table. On line 15, let's import the…
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.