el-table表头文字换行或者修改字体颜色样式

例如

复制代码
 <el-table
      :data="tableData"
      :header-cell-style="headClass" 
      style="width: 100%;" border >
      <el-table-column
        prop="address"
        label="生产工序"
         align="center">
      </el-table-column>
//重点看这里
       <el-table-column
         align="center">
          <template slot="header" slot-scope="slot">
          <div>方数㎡</div>
          <div class="greyColor">工件展开面积</div>
        </template>
        <template slot-scope="scope">
          <span>{{ scope.row.toolName }}</span>
        </template>
      </el-table-column>

       <el-table-column
        prop="address"
        label="子单数"
         align="center">
      </el-table-column>
       <el-table-column
        prop="address"
        label="工件数"
         align="center">
      </el-table-column>
 </el-table>
相关推荐
三十而立洋37 分钟前
Promise到底是什么、怎么用
javascript
马可家的菠萝2 小时前
Vue3 + Canvas 手绘笔记工程化实践:别把画布只当成一张 PNG
前端·vue.js·算法
IMPYLH2 小时前
HTML 的 <h1>–<h6> 元素
前端·javascript·html
用户841794814562 小时前
如何用 vue 甘特图来实现计划和实际双任务条进度展示
vue.js
WIN赢3 小时前
【抽象思想-从复杂中抽离简单、收敛的口子】
java·前端·javascript
冰暮流星5 小时前
javascript之webstorage用法
开发语言·javascript·ecmascript
执子念的飞鱼5 小时前
浏览器直接预览 Pages、Numbers、Keynote:iWork 格式真正难在哪
前端·javascript
用户345208153885 小时前
我给 DSH 写了读 10x 数据的插件
javascript