element el-table表格表头某一列表头文字或者背景修改颜色

大大。

于 2024-05-27 12:01:55 发布

阅读量595

点赞数 2

CC 4.0 BY-SA版权

分类专栏： element相关文章标签： vue.js 前端 javascript

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

效果如下

整体代码，具体方法在最下面！

    <el-table v-loading="listLoading" :data="sendReceivList"  element-loading-text="Loading" border fit ref="tableList"  :header-cell-class-name="addClass"  
      highlight-current-row @selection-change="handleSelectChange" :row-key="getRowKey">
   
    <el-table-column label="单位" align="center" width="60px">
        <template slot-scope="scope">
          <div>{
  
  { scope.row.unit }}</div>
        </template>
      </el-table-column>
      
      <el-table-column label="期初结存" align="center"  >
      <el-table-column label="数量" align="center"   >
        <template slot-scope="scope">
          <div>{
  
  { scope.row.preNum }}</div>
        </template>
      </el-table-column>
       <el