在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/C  HTML/ vue 使用element表格使用header-cell-class-name

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

使用header-cell-style就可以改變顏色，使用header-cell-class-name就無(wú)法改變，不知是怎么回事

<el-table
    :data="tableData3"
    style="width: 100%"
    :header-cell-style="tableRowClassName"
 <el-table>
回答
編輯回答
下墜

1.header-cell-class-name 綁定的是一個(gè)方法
2.在寫自定義樣式的時(shí)候 不要寫在scoped中，
3.緩存問(wèn)題，清除緩存，刷新一下，

  <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: '上海市普陀區(qū)金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀區(qū)金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀區(qū)金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀區(qū)金沙江路 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/#/...

2018年9月5日 23:35
編輯回答
憶往昔

圖片描述

2018年2月25日 07:01
編輯回答
焚音

lz,我elementUI已經(jīng)是最新版本（2.4.6）cell-class-name這個(gè)參數(shù)class明加進(jìn)去了，但是設(shè)置的css不行，你知道怎么回事嗎？

2018年4月4日 21:27