欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

element-ui中如何給el-table的某一行或某一列加樣式

 更新時間：2023年01月03日 09:44:22   作者：智慧綻放的女人  
本文主要介紹了element-ui中怎么給el-table的某一行或某一列加樣式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

1.查閱element-ui官方文檔后我們發(fā)現(xiàn)有如下屬性 :cell-class-name：

在這里插入圖片描述

2.為表格el-table添加該屬性，并指定函數(shù)名： :cell-class-name=“addClass”

在這里插入圖片描述

通過addClass方法為指定行或列添加類名

3.在methods中定義addClass方法，給需要更改樣式的行或列添加類名：

addClass({row,column,rowIndex,columnIndex}){ 
      if(rowIndex >=this.tableData.length-3){    //此判斷為最后三行
         return 'addBorder'
      }
       if(columnIndex==0 || columnIndex==1){  //此判斷為前兩列
          return 'addBorder'
        }
    }

4.在中設置指定css樣式：

.addBorder{
  border-right: solid 1px #065B5B !important;
  border-left: solid 1px #065B5B !important;
}

注：此樣式必須是全局樣式才會起作用，所以

到此這篇關于element-ui中怎么給el-table的某一行或某一列加樣式的文章就介紹到這了,更多相關element-ui中怎么給el-table的某一行或某一列加樣式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

最新評論