[elementplus] el-table이 el-popconfirm을 사용하고 남은 데이터가 한 행만 있을 때 popconfirm 프롬프트 상자가 el-table 테두리에 의해 차단되는 문제 해결

우선 다음 링크 의 방법을 통해 el-table에서 popconfirm, popover, tooltip, select를 사용할 때 테이블의 컬럼에 의해 프레임이 막히거나 배치가 잘못된 문제를 해결한다 .

그러면 el-table에 한 줄의 데이터만 남아 있을 수 있으며 popconfirm 프롬프트 상자는 여전히 el-table의 테두리에 의해 차단됩니다.

해결 방법: el-table의 고정 높이를 설정합니다. 일반적으로 다른 화면의 한 화면 표시에 맞게 플렉스 레이아웃을 제공합니다.

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

  .elp-table {
    
    
    flex: 1;
  }
}

마지막으로 el-table의 고정 높이를 설정한 후 가로 스크롤 막대가 사라지면 다음을 참조하십시오 .