使用element-ui組件el-table時需要修改某一行樣式(包含解決樣式無效的問題)或某一列的樣式

修改某一行的樣式

背景：我想要給表格的其中某一行單獨加一個樣式，比如加粗

第一個地方：:row-class-name="tableRowClassName"

 

第二個地方寫上方法：

tableRowClassName({row, rowIndex}) {
      if (rowIndex === 6) {
        return 'table_tr';
      }
      return '';
    },

我是要在第7行數據加粗，所以if是這樣子，可以根據自己的情況具體去調節

 

 

 然后樣式寫在了本頁面，結果預覽頁面的時候table_tr的樣式加到tr上面了，但是一直沒有生效。一直沒有找到原因，參考了這篇文章https://www.cnblogs.com/belongs-to-qinghua/p/11672605.html  把樣式寫到全局樣式里面就生效了。

 

修改某一列的樣式

1、先加上:cell-class-name="addClass"

 

2、methods里面寫上方法

 

addClass({row, column, rowIndex, columnIndex }) {
      if(columnIndex == 10) {
        return 'weightCell';
      }
    },

 

自己的樣式名字寫在全局里面就可以了