搜尋

首頁  >  問答  >  主體

angular.js - 如何改變UI grid 中data的顏色

如圖所示,我需要把同一個格子裡面的數據用不同顏色表示出來。資料是以list的形式從rest API中取得的,即[19,17,15]。

主要是想表示變化,例如增加的標註藍色,被刪除的改成紅色。我在UI grid中沒有找到這個功能,想請問大家,有沒有好的建議可以實現。

使用其他的函式庫或其他的方法也可以,不一定要用UI grid。

非常感謝!

ringa_leeringa_lee2778 天前624

全部回覆(1)我來回復

  • 怪我咯

    怪我咯2017-05-15 16:54:30

    %>_<% ,讓你感到最孤獨的時刻,莫過於自己問自己答了。

    最後我還是用了cellTemplate,在每一個td裡面嵌套了幾個p,然後用repeat來產生p,p的大小設定相同,和grid cell的高度一樣,然後每個p並排排列,字的顏色由p的css來決定。對了,還要先把string物件變成slice成array。

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

    大概這樣的思路,誰能給我點更好的建議! ! !

    回覆
    0
  • 取消回覆