素子-UIテーブルアセンブリに配置された透明な背景色

長い時間のためのフィドル、いくつかの点に注意を払うを以下にまとめます

1.書き換えスタイルが追加（または>>> /深い/）、または有効になりませんし

2.th、書き換える必要があり、背景色を持っているTR、

ADOは、コードを貼り付けます。

<テンプレート> 
    <DIV CLASS = "テーブル・ラッパー"> 
     <テンプレート> 
  <EL-テーブル：行スタイル= "getRowClass"：ヘッダ行スタイル= "getRowClass"：ヘッダーセルスタイル= "getRowClass"  
    ：データ = "たtableData" 
    スタイル = "幅：1200px"> 
    <EL-テーブル- 列
      ラベル = "序号" 
      小道具 = "リスト" 
      幅 = "88"> 
    </エル・テーブルのカラム> 

    <EL-テーブル- 列
      ラベル = "园区/监管仓名称" 
      プロップ = "名前" 
      幅 = "180"> 
    </ EL-テーブル列> 

    <EL-卓上列
      ラベル = "类型"
      プロップ = "タイプ" 
      幅 = "180"> 
    </ EL-テーブル列> 

    <EL-卓上カラム
      ラベル = "创建人" 
      プロパ = "クリエーター" 
      幅 = "180"> 
    </ EL-テーブル列> 

    <EL-卓上列
      ラベル = "创建时间" 
      プロップ = "データ" 
      幅 = "180"> 
    </ EL-テーブル列> 
    <EL-テーブル列ラベル= "操作"> 
      <テンプレートスロットスコープ=」スコープ"> 
        <EL- ボタンの
          サイズ ="ミニ」タイプ= 『テキスト』 
          @click = "handleEdit（スコープ。$インデックス、scope.row）">修改</ EL-ボタン> 
      </テンプレート> 
    </エル・テーブルのカラム> 
  </エル・テーブル> 
</テンプレート> 
    
    
    </ div> 
</テンプレート> 


<スクリプト> 


輸出デフォルト{ 
    名： '倉庫管理' 、
    データを（）{ 
      リターン{ 
        たtableData：[{ 
          リスト： 1」 ' 、
          名称： '福田保税区' 、
          タイプ： '园区' 、
          クリエータ： '张三' 、
          データ： '2020年2月9日夜03時05分24秒' 
        }、{ 
          リスト： '2' 、
          名前：「保税福田、
          タイプ：「公園」、
          作成者： 'ジョン・ドウ' 、
          データ： '2020年2月9日夜03時05分24秒' 
        }、{ 
          リスト：」。3' 、
          名前：「福田保税' 
          種類： 'パーク' 
          クリエーター： 'ジョン・ドウ」、
          データ： '2020年2月9日夜03時05分24秒' 
        }] 
      } 
    }、
    メソッド：{ 
         getRowClass（{行、列、rowIndexに、columnIndexに}）{ リターン "背景：＃1 3f5c6d2c;" ; 
            }
                 
      handleEdit（インデックス、行）{
        console.log（インデックス、行）。
      }、
      handleDelete（インデックス、行）{ 
        にconsole.log（インデックス、行）。
      } 
    } 
  }
 </ SCRIPT> 
<スタイルLANG = "少ない"スコープ> 
 .table -wrapper /深い/ .EL-table-- フィット{ 
        パディング：20ピクセル; 
} 
 .table -wrapper /ディープ/ .ELテーブル、.EL-table__expanded- セル{ 
    背景 - 色：透明; 
} 

 .table -wrapper /深い/ .el- テーブルTR { 
    背景 -color：透明！重要; 
} 
 .table-wrapper /ディープ/ .ELテーブル-イネーブル列遷移.EL-table__body TD、.el- テーブルは、{.cell 
    背景 - 色：透明と、
}

</スタイル>

次のような効果があります