Skip to content

Mobile responsive table in which columns and rows are generated dynamically and works perfectly fine on mobile view. Now get rid of scroller just implement this component and bingoo !!

Notifications You must be signed in to change notification settings

hani647/responsive-table-angular

Repository files navigation

angular-responsive-table

This project was generated with Angular CLI version 1.3.2.

Development server

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.

Dynamic rows and column

Rows and columns are generated dyanamically you just need to pass array of object and keep the key name as your table table heading

Free to style

You can freely apply your own styling using simple CSS3 properties.

Mobile Responsive Table

Works perfectly fine on mobile device

Cross browser suppor

We've verfied this and its works across all browser because we're just using simple CSS3 and Angular for dynamicity

Make table responsive on tablets?

Just simply go to responsive.component.css file and in media query change from '767px' to '1024px' on which all tablets will also works responsivesly.

Feedback?

We're always open to hear from you? Please send us your feedback

Author: Muhammad Hani Email: mohdhani61@hotmail.co.uk

Thanks, Happy coding :)

About

Mobile responsive table in which columns and rows are generated dynamically and works perfectly fine on mobile view. Now get rid of scroller just implement this component and bingoo !!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published