vue 使用element表格使用header-cell-class-name 改变不了样式？

Question

使用header-cell-style就可以改变颜色，使用header-cell-class-name就无法改变，不知是怎么回事

<el-table
    :data="tableData3"
    style="width: 100%"
    :header-cell-style="tableRowClassName"
 <el-table>   

Answer 1

1.header-cell-class-name 绑定的是一个方法
2.在写自定义样式的时候 不要写在scoped中，
3.缓存问题，清除缓存，刷新一下，

  <template>
   <el-table
      :data="tableData"
      :header-cell-class-name="handlemyclass"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180" >
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
</template>

<script>
export default {
      data() {
        return {
        
          tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
        }
      },
      methods:{
          handlemyclass:function(row, column, rowIndex, columnIndex){
             console.log(row, column, rowIndex, columnIndex);
             return 'test'
          }

      }
   }
</script>



<!-- Add "scoped" attribute to limit CSS to this component only -->
<style >
   .test{
     color:brown !important;
   }
</style>

参考：http://element-cn.eleme.io/#/...

Answer 2

Answer 3

lz,我elementUI已经是最新版本（2.4.6）cell-class-name这个参数class明加进去了，但是设置的css不行，你知道怎么回事吗？