[elementplus] el-table が el-popconfirm を使用し、データが 1 行しか残っていない場合、popconfirm プロンプト ボックスが el-table の境界線によってブロックされる問題を解決します。

まずは下記リンクの方法で、el-tableでpopconfirm、popover、tooltip、selectを使用した際に配置がズレたり、テーブルの列で枠が塞がれてしまう問題を解決します。

その場合、el-table には 1 行のデータしか残らない可能性があり、popconfirm プロンプト ボックスは依然として el-table の境界線によってブロックされます。

解決策: el-table の高さを固定に設定します。通常は、異なる画面上の 1 つの画面表示に適応するフレックス レイアウトを提供します。

.custom-table {
    
    			// custom-table的el-table外层的包裹容器
  height: 100%;
  display: flex;
  flex-direction: column;

  .elp-table {
    
    
    flex: 1;
  }
}

最後に、el-table の固定高さを設定した後に水平スクロール バーが消えた場合は、これを参照してください。