美文网首页
el-table修改列的字体颜色

el-table修改列的字体颜色

作者: zzzzds | 来源:发表于2019-10-31 15:22 被阅读0次
方法

在el-table-column中添加自定义模版样式进行修改。

示例代码
<el-table-column prop="isPass" label="是否通过">
    <template scope="scope">
        <span v-if="scope.row.isPass==='审核通过'" style="color: green">审核通过</span>
        <span v-else-if="scope.row.isPass==='待审核'">待审核</span>
        <span v-else style="color: red">未通过</span>
    </template>
</el-table-column>

相关文章

网友评论

      本文标题:el-table修改列的字体颜色

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