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

大大。

于 2024-06-15 12:03:28 发布

阅读量504

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_43923808/article/details/139699962

例如

 <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>