要改变表格内单元格的文字的颜色

最新推荐文章于 2023-02-01 11:58:31 发布

靓靓的圆子

最新推荐文章于 2023-02-01 11:58:31 发布

阅读量384

点赞数

分类专栏：表格文章标签： vue

本文链接：https://blog.csdn.net/weixin_45646663/article/details/112170079

版权

表格专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1，不用新增el-table-column,直接新建template就可以了


```javascript
<w-table-column :prop="item.Code" :label="item.Name"
  v-for="(item,index) in tableHeaders" :key="index">
    <template slot-scope="scope">
      <div :title="scope.row[item.Code]"
        v-if="item.Name == '门急诊处方点评' || item.Name == '住院医嘱点评'">
        <!-- 控制为0的为黑色字体，不显示蓝色，不可点击 -->
          <div class="triggerName" style="color: blue; cursor: pointer;" v-if="scope.row[itm.Code] !=0">
             {{scope.row[itm.Code]}}
           </div>
           <div class="triggerName" v-else>
             {{scope.row[itm.Code]}}
           </div>
      </div>

      <div :title="scope.row[item.Code]" v-else>
        <div class="triggerName">
          {{scope.row[item.Code]}}
        </div>
      </div>
    </template>
</w-table-column>





效果：
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021011917094322.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY0NjY2Mw==,size_16,color_FFFFFF,t_70#pic_center)