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>
相关推荐
小二·13 分钟前
layui树形组件点击树节点后高亮的解决方案
前端·javascript·layui
Minions_Fatman14 分钟前
【layui】table的switch、edit修改
前端·javascript·layui
小孙姐30 分钟前
4——单页面应用程序,vue-cli脚手架
前端·javascript·vue.js
知野小兔44 分钟前
【Angular】async详解
前端·javascript·angular.js
来啦来啦~1 小时前
vue项目实现动效交互---lottie动画库
前端·vue.js·交互
我的div丢了肿么办1 小时前
vue项目中如何加载markdown作为组件
前端·javascript·vue.js
大梦百万秋1 小时前
JavaScript网页设计案例:动态交互与用户体验提升
javascript
顽疲1 小时前
springboot vue 开源 会员收银系统 (10) 销单 销单后会员卡余额及库存优化
vue.js·spring boot·开源
孤鲸落屿2 小时前
第十章 作业
开发语言·前端·javascript
retun_true2 小时前
Element UI 打包探索【2】
前端·javascript·node.js