# Category: angular-ui-grid

## How to show column names grouped in angular ui-grid?

Is it possible to group multiple column names ( street, city, country ) to Address as showing in pic? Source: AngularJS

## jQuery Datatable’s fnReloadAjax() equivalent in Angular UI Grid

I’m using a form to add data to the database and an Angular UI grid with pagination to show database data in the front. I want to reload the Angular UI gird every time I submit the form. In jQuery I have used , function submitForm() { . . /* form submitting process */ . $(‘#datatable’).dataTable().fnReloadAjax(); // to reload table } In AngularJs I used , (as mentioned in this)$scope.submitForm = function() { . […]

## ng-click won’t trigger in ui-grid columnDef template

I am trying to trigger a custom function inside of my columnDef cell template as follows: export class GridComponent { constructor() {} this.gridOptions = { // grid options defined here columnDef.cellTemplate = ‘<bss-cell cellval=”{{row.entity[col.name]}}”></bss-cell>’; } private cellClicked () { // need to get the click event here but can’t console.log(‘got here’); } } This column definition holds the data in my grid. Bss Cell is a custom angular component I made which looks like this: […]

## Why grid.appScope.value return undefined in celltemplate

In a grid celltemplate, I am tring the get a value which is in the parent scope of a grid like this <div sigef-entrees-sorties=”grid.getCellValue(row, col)” type-flux=”grid.appScope.typeFlux”> </div> but grid.appScope.typeFlux is undefined. So how can i get this value. Thanks. Source: AngularJS