鍍金池/ 問答/HTML/ iview 中的 table組件，怎么讓格子中值為0的數(shù)字顯示為綠色

iview 中的 table組件，怎么讓格子中值為0的數(shù)字顯示為綠色

clipboard.png

iview 中的 table組件，怎么讓格子中值為0的數(shù)字顯示為綠色 ,其他的為紅色

回答
編輯回答
薔薇花

使用 render 函數(shù) 然后給backgroundColor 使用三元表達(dá)式就好

render: (h, params) => {
    return h('span', {
            style: {
                backgroundColor:  (params.row.status == 0) ? "#2d8cf0" :"#ed3f14"

params.row 為當(dāng)前行的單個(gè)對象 ，根據(jù)這個(gè)對象中的 對應(yīng)字段做判斷就好

2018年1月22日 07:28