igGrid

TRY IT OUT:
  • Add a new product either through the grid's UI or the form on the right of the grid
  • Change a product's name in the group of textboxes below and see how the names change in the grid
  • Delete a product either through the grid's UI or with the button next to each product in the table under the grid

This sample demonstrates how Controller options are used with the igGrid directive to allow for two-way binding in the grid.

Explore the Code

Add Product

Product ID Name Quantity per unit Unit Price
{{product.ProductID}} {{product.QuantityPerUnit}} {{product.UnitPrice}}