2012-06-26 4 views
2

각 행에 Twitter 부트 스트랩 스타일 드롭 다운 목록이있는 HTML 테이블이 있습니다. 버튼을 클릭하여 목록을 표시하면 div 컨테이너의 overflow 속성으로 인해 메뉴가 표시되지 않습니다. 내가 가지고있는 문제를 보여주는 샘플 코드를 배치했습니다 : http://jsfiddle.net/jpaolini/XgYKP/4/.Twitter 부트 스트랩 드롭 다운 HTML 테이블

목표는 드롭 다운 메뉴를 스크롤없이 볼 수 있도록 모든 항목 위에 표시되도록하는 것입니다. 어떤 도움이라도 대단히 감사합니다.

답변

3

overflow: auto;.widget-content에서 제거하고 overflow: hidden.dataTables_wrapper에서 제거했는데 작동하는 것 같습니다.

http://jsfiddle.net/jackwanders/cnnsB/

+0

감사합니다. 내가 한 샘플을 시도했지만 작동하지 않았습니다. .pane 높이를 100px (http://jsfiddle.net/jpaolini/XgYKP/4/)로 변경했습니다. 그것은 문제를 좀 더 분명하게 보여줍니다. 드롭 메뉴가 모든 위에 표시되도록하면서 테이블을 스크롤하려고합니다. – user1483131

+0

@ user1483131 일반적으로'div'의 자식 요소가 오버플로로 스크롤되기를 원하지만 그 손자가 보이기를 원합니다. 나는 그렇게 할 수있는 방법이 있는지 확신하지 못합니다. 어쩌면 다른 누군가가 길을 알고있을거야. – jackwanders

1

당신이 위치 추가 시도 할 수 있습니다 : 당신의 .btn 그룹에 절대하고 드롭 테이블에서 이동합니다. 더 이상 테이블에 btn은 들어 가지 않겠습니다.

관련 문제