el-table设置边框颜色

时间：2023-07-17 16:07:00 13d1压式传感器

绑定以下两个属性

代码

:header-cell-style=“{‘border’: ‘none’,‘background’ : ‘#ffffff’}”
:cell-style=“{‘border’: ‘none’}”

<el-table :header-cell-style="{ 
         'border': 'none','background' : '#ffffff'}" :cell-style="{ 
         'border': 'none'}" height=320 :data="rankList" style="width: 100%;">     <el-table-column prop="name" label="名称" width="150px">     el-table-column>     <el-table-column label="季收益" width="">         <template slot-scope="scope">             <span class="profit-font" :style="{ 
         'color':scope.row.quarterProfit > 0 ? '#F21C1C' : '#13D838'}">{
    
       { scope.row.quarterProfit }}%span>
        template>
    el-table-column>
    <el-table-column prop="todayProfit" label="今日收益">
        <template slot-scope="scope">
            <span class="profit-font" :style="{ 
         'color':scope.row.todayProfit > 0 ? '#F21C1C' : '#13D838'}">{
    
       { scope.row.todayProfit }}%span>
        template>
    el-table-column>
el-table>

注

示例直接使用Object数据

效果

锐单商城拥有海量元器件数据手册、IC替代型号，打造电子元器件IC百科大全！

el-table设置边框颜色

相关文章