使用角度 ui-grid 更改只读单元格的颜色答案

【问题标题】：Change color of readonly cells using angular ui-grid使用角度 ui-grid 更改只读单元格的颜色
【发布时间】：2016-03-16 15:42:30
【问题描述】：

我在我的项目中将 Angular UI Grid 用于 ui-grid 我想让一些单元格只读。 cellEditableCondition（用于行）和 enableCellEdit（用于列），我能够实现它。这工作正常。

但是现在我想在页面加载后更改所有只读单元格的颜色，我该如何实现这一点。我了解 cellEditableCondition 字段仅在用户单击网格中的单元格时执行。任何指针也很感激。

【问题讨论】：

您可以在自定义单元格模板中使用 ng-class 指令并将其标记为禁用（css 只读和背景颜色）

标签： angular-ui-grid

【解决方案1】：

我在 columnDef 中使用了 cellClass 来实现这一点它工作得很好

cellClass: function (grid, row) {
                    if(myCondition){
                        return 'test-class1';
                    }else{
                        return 'test-class2';
                    }
                },

【讨论】：