[elementplus] Solve the problem that when el-table uses el-popconfirm and there is only one row of data left, the popconfirm prompt box will be blocked by the el-table border

First of all, through the method of the following link , solve the problem that the placement is misplaced or the frame is blocked by the column of the table when popconfirm, popover, tooltip, and select are used in the el-table

Then there may be only one line of data left in the el-table, and the popconfirm prompt box will still be blocked by the border of the el-table

Solution: Set a fixed height for the el-table, usually I will give a flex layout to adapt to one-screen display on different screens

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

  .elp-table {
    
    
    flex: 1;
  }
}

Finally, if the horizontal scroll bar disappears after setting a fixed height for the el-table, see this