el-table 스타일 문제 : element-ui 테이블의 버튼이 부 동적으로 표시되지만 el-table 오버플로에 의해 숨겨지는 문제를 수정하는 방법은 무엇입니까?

최근 elment-ui 스타일 시트 작성시 오버 플로우 숨겨진 문제가 발생했습니다. 콘솔에서 오랫동안 발견했습니다. 더 번거로 웠습니다.
설정하기 전에

설정 한 후

코드 를 업로드하세요 .

/deep/.el-table tbody tr:hover>td {
    background-color: #242133 !important;
    position: relative;
}


/deep/.el-table__body-wrapper {
    overflow: visible !important;
}
/deep/.el-table .cell{
    overflow: visible !important;
}
/deep/.el-table{
    overflow: visible !important;
}
.tableEditBtn {
    p {
        position: absolute;
        right: 25px;
        bottom: -20px;
        z-index: 999;
        button {
            display: block;
            width: 110px;
            height: 40px;
            background: #3A3949; 
            color: #F7F6FD;
            border: none;
            outline: none;
        }
    }
}

비고 :
p 태그 의 bread 버튼의 경우 p 태그에 상대 위치를 추가 할 때 z-index 속성을 추가하여 해당 수준을 el-table 수준보다 크게 만들어야합니다.

완벽한 솔루션, 또 어떤 문제가 발생 했습니까 (⊙o⊙)?