element-ui 自定义单元格字体颜色样式

代码:

<span style="color: #800000;">
    <el-table-column label="状态" prop="State">
        <template slot-scope="scope">
            <font v-if="scope.row.State === 'online'">在线</font>
            <font v-else-if="scope.row.State === 'offline'" color="red">离线</font>
            <font v-else color="blue">未知</font>
        </template>
    </el-table-column>
</span>

效果:

图片

posted @ 2018-12-21 16:56  ☆尘世佛心☆  阅读(11830)  评论(0)    收藏  举报