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>
相关推荐
dsyyyyy110111 小时前
JavaScript变量
开发语言·javascript·ecmascript
kyriewen12 小时前
手写 Promise.all、race、any:不到 30 行代码,解决并发异步的所有姿势
前端·javascript·面试
胡志辉的博客13 小时前
深入浅出理解浏览器事件循环:从一道输出题讲到 Chrome 源码
前端·javascript·chrome·chromium·event loop
代码不加糖13 小时前
js中不会冒泡的事件有哪些?
前端·javascript·vue.js
懂懂tty13 小时前
Vue2与Vue3之间API差异
前端·javascript·vue.js
老毛肚14 小时前
软件测试期末考试
vue.js
小二·14 小时前
Next.js 15 全栈开发实战
开发语言·javascript·ecmascript
杨若瑜15 小时前
本地开发环境慢?localhost的锅!
vue.js
Rain50915 小时前
2.1 Nest.js 项目初始化与模块化架构
开发语言·前端·javascript·后端·架构·数据分析·node.js
拾年27516 小时前
从零手写 Ajax:用原生 XHR 搭建前后端交互全流程
前端·javascript·ajax