angular-matgrid

see the demo here

Material Table with Dynamic Search, Sorting, Paging and Dynamic Form to Creat New Record

Configuring the columns and Rowdata

Columns = [
{ name: "position", field: "position", searchFieldType: FieldTypes.number },
{ name: "name", field: "name", searchFieldType: FieldTypes.text },
{ name: "Email", field: "email", searchFieldType: FieldTypes.email },
{ name: "weight", field: "weight", searchFieldType: FieldTypes.number },
{ name: "symbol", field: "symbol", searchFieldType: FieldTypes.text },
{ name: "Date", field: "date", searchFieldType: FieldTypes.date },
{ name: "is Active", field: "isActive", searchFieldType: FieldTypes.check }
];
rowData = ELEMENT_DATA;

see the demo here

development in Progress

  1.Grouping 
  2.Global Setting option to configure the grid
  3.Options for Server Side Configurable