Angular Data Grid — Material Design Change theme arrow_drop_down Bootstrap Design Material Design

Angular Data Grid sample using Material Design styling

Features enabled: sorting, filtering, sync with browser URLs, pagination and item-per-page functionality. Out-of-box Angular Material layout and input controls used, along with Material Design Light default CSS for grid styling. Project GitHub

Additional Demos


Clear Dates
{{filtered.length}} items total
10 25 50 75
Order # All Statuses {{option.text}} Date Placed Total
10 25 50 75

CodePen

See the Pen eJWWpM by AngularDataGrid (@AngularDataGrid) on CodePen.