angular.js - Cara menukar warna data dalam grid UI

Question

Seperti yang ditunjukkan dalam gambar, saya perlu mewakili data dalam grid yang sama dalam warna yang berbeza. Data diperoleh daripada rest API dalam bentuk senarai iaitu [19,17,15].

Terutamanya untuk menyatakan perubahan, contohnya, tanda tambahan ditandakan dengan warna biru, dan yang dipadamkan ditandakan dengan warna merah. Saya tidak menemui fungsi ini dalam grid UI Saya ingin bertanya sama ada anda mempunyai sebarang cadangan yang baik untuk melaksanakannya.

Anda juga boleh menggunakan perpustakaan lain atau kaedah lain, anda tidak perlu menggunakan grid UI.

Terima kasih banyak-banyak!

Answer 1

%>_<%, saat yang paling sunyi ialah apabila anda bertanya dan menjawab soalan anda sendiri.

Akhirnya, saya menggunakan cellTemplate, menyarangkan beberapa p dalam setiap td, dan kemudian menggunakan ulang untuk menjana p Saiz p ditetapkan kepada yang sama, dan ketinggian sel grid adalah sama, dan kemudian setiap satu p disusun bersebelahan Warna ditentukan oleh css p. Ngomong-ngomong, kita mesti terlebih dahulu menukar objek rentetan menjadi kepingan menjadi tatasusunan.

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

Ini adalah idea umum Siapa yang boleh memberi saya beberapa cadangan yang lebih baik? ! !