ng-grid根据字段值设置cellClass

时间:2014-03-04 05:43:24

标签: javascript html5 angularjs angular-ui angular-ui-bootstrap

我现在正在使用 ng-grid ,并希望根据不同的值以不同的颜色显示列,我已尝试过..但是没有成功......

$scope.gridOptions =  { 
    ........
    columnDefs: [
        { field: "status", displayName: "Status", width:150,cellClass:"status" },
        { field: "",displayName: "Actions",cellClass: "actions",cellTemplate: "<a>xxxx....xxx</a>"}]
};

状态 有两个值,successfailed,如何将success设置为{{1 }和greenfailed,这意味着设置cellClass 动态

非常感谢!

1 个答案:

答案 0 :(得分:0)

不确定如何使用cellClass属性实现此目的。您可以将cellTemplate添加到状态行,使用ngClass添加样式并执行以下操作:

<div ng-class='status ? "success":"failed"'></div>

问候