美文网首页
vue+element 实现table 某一行变色

vue+element 实现table 某一行变色

作者: 哼_ | 来源:发表于2020-11-16 18:30 被阅读0次

产品需求是 提示操作人手动修改订单
效果


效果图

饿了么 提供了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 "";
            }
        },
}

相关文章

网友评论

      本文标题:vue+element 实现table 某一行变色

      本文链接:https://www.haomeiwen.com/subject/ususcktx.html