CODEWITHSUNDEEP
csstwitter-bootstrap
user1483131
user1483131

Reputation: 21

Twitter Bootstrap Drop Down in Html Table

I have an HTML table where each row contains a Twitter Bootstrap style drop down list. When I click the button to show the list, the menu is not shown due to the overflow property of the div container. I have placed sample code that shows the issue I'm having at: http://jsfiddle.net/jpaolini/XgYKP/4/.

The goal is to get the drop down menu to appear on top of everything so it can be seen without have to scroll. Any help is greatly appreciated.

Upvotes: 2

Views: 3379

Answers (2)

Joseph Lafuente
Joseph Lafuente

Reputation: 337

you can try adding position:absolute in your .btn-group and the dropdown will go out of the table. The btn wont go inside the table anymore though

Upvotes: 1

jackwanders
jackwanders

Reputation: 16020

I removed the overflow: auto; from .widget-content and removed overflow: hidden from .dataTables_wrapper, and that seems to work.

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

Upvotes: 3

Related Questions