A grid with create, read, update and delete inline functionality using AngularJS and WebAPI. The datasource of the grid is the URL of a WebAPI to access the items to display.

Live demo:

AngularJS CRUD Grid III demo

Features:

• CRUD operations: Create, Read, Update and Delete for the contained items.
• Custom columns definition: required columns, custom column header, column type (date, text).
• Items Filtering.
• Column ordering.
• Add custom buttons with custom callbacks.
• Single page application: Everything is done with out refreshing the page.

Screenshots:

Crud Grid

Add item

Delete item

You can find more details at: http://softwarejuancarlos.com