Skip to content

📋 Angular app to display a table using the Material library

License

Notifications You must be signed in to change notification settings

AndrewJBateman/angular-material-table

Repository files navigation

⚡ Angular Material Table

GitHub repo size GitHub pull requests GitHub Repo stars GitHub last commit

📄 Table of contents

📚 General info

  • Table of periodic elements used to provide data for columns.

📷 Screenshots

Example screenshot

📶 Technologies

💾 Setup

  • Install dependencies using npm i

  • Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

  • Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

💻 Code Examples

  • use ng breakpoint observer to see if use has a phone-sized screen or not.
ngOnInit(): void {
  this.breakpointObserver
    .observe(Breakpoints.Handset)
    .subscribe(async result => {
      this.isHandset = result.matches
    })
}

🆒 Features

  • Clicking on a row will console.log the data in that row
  • Table now has a sticky header
  • Table columns now sortable

📋 Status & To-Do List

  • Status: Working
  • To-Do: Nothing

👏 Inspiration

📁 License

  • This project is licensed under the terms of the MIT license.

✉️ Contact

  • Repo created by ABateman, email: gomezbateman@gmail.com