ng-grid如何设置列的样式

时间:2014-02-26 08:59:39

标签: javascript angularjs ng-grid

我是一个有角度的菜鸟,所以这里。
尝试ng-grid(http://angular-ui.github.io/ng-grid/),我对Excellike编辑示例感兴趣(参考plunker示例:http://plnkr.co/edit/OxJqS5LYOvG2vx0Ujhu7?p=preview

我无法从阅读angulargrid文档页面中弄清楚如何设置单个列的样式。我想要做的是根据此网格中另一列的值禁用/启用单个列。例如(确实有任何实际价值)如果在plunker示例中namecolumns以M开头,那么该行中的age列应该被禁用。

grid plunker示例如下所示:

Name | Age
Mark | 25 -> the age column should be disabled
Ed   | 31 -> the age column should be enabled

如何根据另一列的值设置单个列的样式?另外,如何根据该行中的名称列使年龄字段可编辑/不可编辑(启用/禁用)?

1 个答案:

答案 0 :(得分:0)

来自ColumnDefs选项的

cellClass   ''  Appends a css class for the column cells    Link

对于每个列,您可以提供cellClass。

如果你想根据行中的值进一步控制,你可以使用ng-class ...