부트 스트랩 3 (스크롤바 포함) 테이블이있는 겹침

Question

일부 도움말이 필요하고 오른쪽에 일부 버튼이있는 정적 탐색 막대가 있으며 사용자가 상호 작용할 매우 큰 테이블이 있습니다.

사용자는 상단에 리본 (내 탐색 바)이 있고 필요에 따라 테이블이 수평 및 수직으로 스크롤되는 것과 같은 Excel보기와 가장 비슷합니다.

페이지를 채울 부트 스트랩 정적 네비게이션 바를 가지고 있는데, 네비게이션 바가 테이블 헤더와 중첩되어 있음을 보여줍니다.

이 중복을 쉽게 해결할 수있는 방법이 있습니까?

현재 내가 가지고있는 부트 스트랩 놀이터 링크입니다. https://www.bootply.com/iGX9K2KF9a

Answer 1

.table-wrapper을 margin-top:50px으로 지정하면 결과가 아래로 이동합니다. 탐색 막대가 고정되어 있기 때문에 상대적으로 위치가 지정된 .table-wrapper이 여전히 페이지 상단을 기준으로 배치되므로 페이지의 흐름에서 벗어납니다.