使用数据中的rgb值为ng-grid中的单元格背景着色

时间:2014-04-11 13:28:07

标签: angularjs ng-grid

我正在使用ng-grid,我有一个包含rgb值的列的数据库,例如#fc3b25等。我需要将rgb列中每个单元格的背景颜色设置为数据库中包含的值。在libraryGrid中,我已经按如下方式定义了columnDes:

{
    field: 'rgb',
    displayName: 'Key',
    width: '50px',
    cellTemplate: "<div style='height:60px; width:50px; background-color: {{ row.getProperty('rgb') }} ;' >rgb</div>"
}

这不起作用。似乎这里的指令可能是合适的,但我也没有取得任何成功。有什么建议吗?

1 个答案:

答案 0 :(得分:2)

像这样编写你的celltemplate:

{field:'rgb', displayName:'Age', cellTemplate: '<div style="background-color:{{row.entity.rgb}}" ><div class="ngCellText">{{row.getProperty(col.field)}}</div></div>'}]

Look here for a working Plunker