当前位置: 首页 > 知识库问答 >
问题:

前端 - 利用element的布局标签el-row、el-col设计了一个表格,现在希望数据渲染后,如何设置才可以将某些单元格以颜色突出显示呢?

后树
2023-07-06
<template> 
<div class="wrapper center-table">
    <!-- 循环遍历数组中每一项 -->
    <el-row v-for="(item, index) in list" :key="index" class="table-col">
      <el-col v-for="(item2, index2) in item" :key="index2" :span="24 / item.length" class="table-item">
        <span class="label">{{ item2.title }}</span>
        <span class="value">{{ item2.value }}</span>
      </el-col>
    </el-row>
  </div>
</template>

比如这样,项渲染第三行第一列的单元格为红色,怎么实现呢
image.png

共有1个答案

澹台华翰
2023-07-06

在 class 里写个 if 表达式

 类似资料:
  • 这是写的布局 这是样式 图表和排行的高度 xl屏幕下的响应式效果 可以看到分为左右两列, 左列有2行2列, 右列有1行1列 md屏幕下因为charts图表不能太窄,所以做了个占满一行,这样就会导致1 2 行的高度加起来正好等于右列排行的高度, 3 4图表就掉下去了, 可以让3 4 图表跨row占满右边排行col占的列吗? 我有想过用屏幕监听,去动态设置排行的高度, 但是那样实在太长..

  • 我有一个servlet,它接收一组数据,进行处理,并根据表单提交将其写入excel文件或文本页面。在处理Excel时,所有的处理都在使用Apache POI的相应模型中进行。我正在尝试修改它,以便它根据所包含的数据对行进行颜色编码,但是,在将颜色应用于行之后,当我将工作簿写入文件输出流时,颜色不存在。我正在将数据处理成excel文件,如下所示: MCVE公司 我仍然得到excel文件,但格式不存在

  • 只是想知道是否有人知道如何在MPAndroidChart中为条形图设置高亮颜色?目前它就像一个深黑色(有点透明)的覆盖层。我想让它成为一个白色(有点透明)的覆盖层,甚至可能是一个渐变。有点像这样:

  • 问题内容: 我正在使用Vaadin,我想为我的表格/表格中的特定单元格设置背景色,或者如果无法为特定表格中的单元格设置背景色,我想至少为表格/表格中的特定单元格设置字体颜色。我有一个表格/表格的代码TableView如下: 表格/表格的内容类为: 如果可以将背景颜色设置为特定的单元格,或者至少设置字体颜色,并且您知道该怎么做,请写信。例如,在表格/表格中单元格的值为“ 1”的情况下,我想将其设置为

  • 我对java编程还是相当陌生的,很难理解一些概念,尤其是设置单元格值。(如果有人能用外行的话来解释这一点,那就太棒了!) 这是我的问题。。。 我有一个tableview,其中加载了一个来自derby数据库中数据表的。将数据添加到表中的for循环是我从在线查看中学到的,它对我来说确实有效。我想更进一步,所以这是我的挑战。。。 将有如下示例:第1行[toy,high等]第2行[box,Middle等]