文章詳情頁(yè)
angular.js - 如何改變UI grid 中data的顏色
瀏覽:170日期:2024-10-12 11:22:58
問(wèn)題描述
如圖所示,我需要把同一個(gè)格子里面的數(shù)據(jù)用不同顏色表示出來(lái)。數(shù)據(jù)是以list的形式從rest API中獲取的,即[19,17,15]。
主要是想表示變化,例如增加的標(biāo)注藍(lán)色,被刪掉的改成紅色。我在UI grid中沒(méi)有找到這個(gè)功能,想請(qǐng)問(wèn)大家,有沒(méi)有好的建議來(lái)實(shí)現(xiàn)。
使用其他的庫(kù)或者其他的方法也可以,不一定非要用UI grid。
非常感謝!
問(wèn)題解答
回答1:%>_<% ,讓你感到最孤獨(dú)的時(shí)刻,莫過(guò)于自己提問(wèn)自己答了。
最后我還是用了cellTemplate,在每一個(gè)td里面嵌套了幾個(gè)p,然后用repeat來(lái)生成p,p的大小設(shè)置相同,和grid cell的高度一樣,然后每個(gè)p并排排列,字的顏色由p的css來(lái)決定。對(duì)了,還要先把string對(duì)象給變成slice成array。
ng- ng-repeat='item in row.entity.no_change'
大概這樣的思路,誰(shuí)能給我點(diǎn)更好的建議?。。?!
上一條:angular.js - 求教 route ng-view 單頁(yè)切換時(shí)如何緩存用戶(hù)輸入信息下一條:angular.js - ng-include在加載后莫名被自動(dòng)注釋掉
相關(guān)文章:
1. android - weex 項(xiàng)目createInstanceReferenceError: Vue is not defined2. android - 哪位大神知道java后臺(tái)的api接口的對(duì)象傳到前端后輸入日期報(bào)錯(cuò),是什么情況?求大神指點(diǎn)3. PHPExcel表格導(dǎo)入數(shù)據(jù)庫(kù)怎么導(dǎo)入4. pdo 寫(xiě)入到數(shù)據(jù)庫(kù)的內(nèi)容為中文的時(shí)候?qū)懭雭y碼5. javascript - 如圖,百度首頁(yè),查看源代碼為什么什么都沒(méi)有?6. vue2.0+webpack 如何使用bootstrap?7. PHP類(lèi)封裝的插入數(shù)據(jù),總是插入不成功,返回false;8. mac連接阿里云docker集群,已經(jīng)卡了2天了,求問(wèn)?9. 微信渠道二維碼怎么使用?10. html5 - html元素select下拉列表在原生app里面為什么不能彈框顯示?
排行榜

熱門(mén)標(biāo)簽