2012-06-26 78 views
2

我有一個HTML表格,其中每行包含一個Twitter Bootstrap樣式下拉列表。當我點擊按鈕顯示列表時,由於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不會再進入桌子內部了,雖然