在 angular ui-grid 中使行选择成为条件

Question

我对 angular 网格有点陌生，抱歉，如果它看起来很傻。这是我创建的 link of plnkr。

我的问题：

我试图通过 onRegisterApi

中的以下代码实现相同的目的

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

但是好像没有效果。

我想给分组 Header 和选择 header 上色。
我不知道这是否可行，但如果我能将第一列（"MetricName"）的宽度设置为“0px”就更好了。截至目前，如果我这样做，我的组 header 也会变成“0px”。因为我的第一列正在使用 space，这是未使用的，因为组 header.

Answer 1

这是一个 1+2 的笨蛋

在您的 gridOptions object 中设置（不是在 api 注册之后）

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

并且该列的颜色很简单 css...我不知道您是否可以向这些单元格添加 class，因为您需要在 angular 网格 api 文档 http://ui-grid.info/docs/#/api

我不确定你想在 3 中做什么...如果你试图保留 header 而不在不可能的列中使用 space...因为这是一个table 如果你有一个 header 并且行的列有一个空值，它仍然会占用列的宽度

making row selection conditional in angular ui-grid