External filter option, where the user can filter specific column based on search text.
In HTML, we have to add text box as below.


Ng-model is a directive which binds the value of HTML controls to application data.
Ng-change is the event which is called on text change.


angular JS

In JS, add filter options

angular JS1

Angular JS2

Angular JS3

Ng-change event calls below function, here am searching EmployeeName column with search text which is defined by ng-model

Angular JS4


Filter on Employee Name

Angular JS5


Cell Selection and Cell Inline Edit


Ng-grid has inbuilt cell selection and edit feature. We can enable/disable it for specific columns in column definitions.


Below is the example where the user can select specific rows and display specific column values of selected rows in a Div.


In HTML, selected EmployeeNames will be displayed as array which is represented by selectedIDs


Angular JS6

Angular JS7


Selected rows employee names are displayed as array below.
Angular JS8

Cell Editing

Angular JS9

Software Engineer