Angularjs ng-click Event in Inside UI-Grid Cell Template Not Trigger (Firing) Function in Controller

Introduction: 

Here I will explain how to set ng-click event in ui-grid cell template in AngularJS or fix problem of ng-click event in ui-grid cell template not working / firing / triggering function in controller in AngularJS. Generally ui-grid will isolate scope variable so there is no access to scope variable from row or cell template to fix this problem we need to use grid.appScope property it will allow to access scope variable from ui-grid row or cell template in AngularJS. We need to use the property like “ng-click="grid.appScope.yourfunction()"” in ui-grid cell template in AngularJS.

Description:
  
In previous articles I explained Angularjs show ui-grid no records found, Angularjs tutorial with simple hello world example, Angularjs convert number to currency format, Angularjs get dropdownlist selected value, Angularjs convert text to uppercase while typing, Angularjs refresh div for every 1 second using interval mode and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to set ng-click event in ui-grid cell template to access function in controller using AngularJS.

Angularjs UI Grid Show No Records Found or No Data Available Message

Introduction: 

Here I will explain how to show no records found message in ui grid in AngularJS with example or AngularJS show no data found message in ui grid in case if service not returned any data. By comparing data value in AngularJS we can show no data available message in ui grid whenever it is empty or not contain data.

Description:
  
In previous articles I explained Angularjs open url in new browser window, Angularjs show hide div based on checkbox selection, Angularjs convert number to currency format, Angularjs get dropdownlist selected value, Angularjs convert text to uppercase while typing, Angularjs refresh div for every 1 second using interval mode and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to show no records found message in ui grid in AngularJS with examples.

Angularjs Hide Particular Column in UI Grid with Example

Introduction: 

Here I will explain how to hide particular column in AngularJS UI grid with example or AngularJS hide particular column in UI Grid with example or UI Grid example in AngularJS.

Description:
  
In previous articles I explained bind dropdownlist in angularjs, Angularjs convert lower case to upper case while typing text, Angularjs refresh div for every 1 second using interval mode and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to hide particular column in AngularJS UI grid with example.

To hide particular column in AngularJS UI grid we can use visible: false property like as shown below