2012-06-26 3 views
2

У меня есть таблица HTML, в которой каждая строка содержит раскрывающийся список в стиле Twitter Bootstrap. Когда я нажимаю кнопку, чтобы отобразить список, меню не отображается из-за свойства overflow контейнера div. Я разместил образец кода, который показывает проблему, с которой я столкнулся: http://jsfiddle.net/jpaolini/XgYKP/4/.Twitter Bootstrap Drop Down in Html Table

Цель состоит в том, чтобы выпадающее меню отображалось поверх всего, чтобы его можно было видеть без необходимости прокрутки. Любая помощь приветствуется.

ответ

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 больше не войдет в стол, хотя