vue 修改表格 單行格式

轉載:https://www.jianshu.com/p/1b064d08d1d5

產品需求是 提示操作人手動修改訂單
效果

 

 

餓了麼 提供了api
row-style

<el-table
            v-loading="searchLoading"
            ref="table"
            :data="tableData"
            border
            :row-style="rowstyle"
        >
</el-table>
methods:{
rowstyle({ row, rowIndex }) {
            console.log(row, rowIndex);
            let stylejson = {};
            if (row.spu_id == "349") {
                stylejson.background = "#e0838f";// 背景顏色
// 也可以修改文字顏色 
                stylejson.color='green' ;
                return stylejson;
            } else {
                return "";
            }
        },
}

 

 
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章