美文网首页
2021-09-23表格单元格颜色

2021-09-23表格单元格颜色

作者: swp小小喀嚓鱼 | 来源:发表于2021-09-23 17:29 被阅读0次

    1:表头蓝色
    2:第一列灰色
    3:第七列数据达到要求的行都是青绿色
    4:如果是要求中数据百分比大于70,由青绿色变成橙色
    5:第八列的所有数据,大于5,变成黄色

    image.png image.png

    <el-table
    :data="tableData"
    style="width: 100%"
    border
    :header-cell-style="{ background: '#1ea0d9', color: '#fff' }"
    :cell-style="columnStyle"
    >
    </el-table>
    // 减去13 获取制定日期中的行 13 几个月 = 34187400000 毫秒 12个月31557600000 31404000000 1230246060*1000

    columnStyle({ row, column, rowIndex, columnIndex }) {
    if (columnIndex == 0) {
    return 'background:#cdcdcd;'
    } else if (columnIndex === 6) {
    let xxmonth = Date.parse(
    row.month.toString().replace('年', '-').replace('月', '')
    )
    if (xxmonth < Date.now() - 31557600000) {
    if (row.destroyper > '70') {
    return 'background:#ff8357;color:#fff'
    return 'background:#ff8357;color:#fff'
    } else {
    return 'background:' + this.color1 + ';color:#fff'
    }
    }
    } else if (columnIndex === 7) {
    if (row.lastweekgrowper > '5') {
    return 'background:#ff8357;
    }
    }
    }

    相关文章

      网友评论

          本文标题:2021-09-23表格单元格颜色

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