making row selection conditional in angular ui-grid

Question

I am little new with angular Grids, sorry if it looks silly. Here is a link of plnkr which I have created.

My issues:

I wanted to disable selction of those rows which has the property IsApplicable as false. As of now all are available for selection.

I tried to achieve the same by below code in onRegisterApi

$scope.gridOptions.isRowSelectable = function(row){
    return row.entity.IsApplicable;
};

But it did not seem to work.

I wanted to give color to grouping Header and selection header.
I don't know if its possible, but it would have been good if I could make the width of first column("MetricName") as '0px'. As of now If I do that my group header also becomes '0px'. Because my first column is taking space, which is unused and I am forced to keep it because of group header.

WalksAway · Accepted Answer · 2016-07-14 07:13:53Z

2

Here is a plunker with 1+2

set this inside your gridOptions object (not after the api was registered)

isRowSelectable: function(row){
    return row.entity.IsApplicable;
  }

and the column`s color is in simple css... i dont know if you can add a class to those cells, for that you need to do some digging in the angular grid api documentation http://ui-grid.info/docs/#/api

http://plnkr.co/edit/9oexAuXeRfadOrImu1CJ?p=preview

im not sure what you want to do in 3... if you are trying to keep the header without taking space in the columns that not possible... since this is a table if you have a header and the row`s column has an empty value it is still going to take the width of the column

answered Jul 14, 2016 at 7:13

WalksAway

2,8292 gold badges24 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

making row selection conditional in angular ui-grid

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related