Filter

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

OUTPUT

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

OUTPUT

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

Cell Editing

Angular JS9

Sruthi
Sruthi
Software Engineer