How to add two controls s in one column of ui grid angularjs

Question

Kindly let me know how to add two controls in one column of AngularJS ui-grid table. We have requirement to have two controls in one. Don't know how to achieve this.

Thanks and regards, Arti

Please read http://stackoverflow.com/help/how-to-ask – Alexandre Cartapanis Jun 02 '16 at 16:44 — Alexandre Cartapanis, Jun 02 '16 at 16:44
What two controls? And what have you tried? – Rani Radcliff Jun 07 '16 at 17:29 — Rani Radcliff, Jun 07 '16 at 17:29

score 0 · Answer 1 · answered Jun 02 '16 at 22:07

If you are looking to add some buttons that perform actions on the grid row that you are in you can simply add a column like so.

e.g.

{
    name: 'actions',
    displayName: 'Actions',
    enableCellEdit: false,
    cellTemplate: 'Actions.html'
}

Then put the buttons into the html file.

e.g.

<span>
    <a href ng-click="grid.appScope.action(row.entity)"><i class="fa fa-edit"></i></a>
</span>

This allows you to put a function into your controller that is referred to via the grid.appScope. and pass it the row.entity, which is the data from the row.

How to add two controls s in one column of ui grid angularjs

1 Answers1