如何改变UI grid 中data的颜色

图片描述

如图所示,我需要把同一个格子里面的数据用不同颜色表示出来。数据是以list的形式从rest API中获取的,即[19,17,15]。

主要是想表示变化,例如增加的标注蓝色,被删掉的改成红色。我在UI grid中没有找到这个功能,想请问大家,有没有好的建议来实现。

使用其他的库或者其他的方法也可以,不一定非要用UI grid。

非常感谢!

阅读 6k
1 个回答

%>_<% ,让你感到最孤独的时刻,莫过于自己提问自己答了。

最后我还是用了cellTemplate,在每一个td里面嵌套了几个div,然后用repeat来生成div,div的大小设置相同,和grid cell的高度一样,然后每个div并排排列,字的颜色由div的css来决定。对了,还要先把string对象给变成slice成array。

ng-class="{greenbar: !item.flag, whitebar: item.flag,}"
ng-repeat="item in row.entity.no_change"

大概这样的思路,谁能给我点更好的建议啊!!!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进