Загрузочный стол, переполнение

Question

Я пробовал загрузочный стол (http://bootstrap-table.wenzhixin.net.cn/), для фильтрации и разбивки на страницы.

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

<table id="ex" class="table table-striped table-condensed table-hover"> 
    <thead class="thead-inverse"> 
    <tr> 
     <th></th> 
     <th>Date</th> 
     <th>Customer</th> 
     <th>Amount</th> 
     <th>Status</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td># 
     </td> 
     <td> 
     <nobr>2015-03-03</nobr> 
     </td> 
     <td>Test</td> 
     <td> 
     <nobr>8 000,00</nobr> 
     </td> 
     <td>OK</td> 
    </tr> 
    <tr> 
     <td>#</td> 
     <td>2015-03-04</td> 
     <td>Test</td> 
     <td>433,33</td> 
     <td>OK</td> 
    </tr> 
    <tr> 
     <td> 
     <div class="btn-group"> 
      <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
     Action 
     <span class="caret"></span> 
    </a> 
      <ul class="dropdown-menu"> 
      <li>First menu item</li> 
      <li>Second menu item</li> 
      </ul> 
     </div> 
     </td> 
     <td>2015-03-06</td> 
     <td>Test</td> 
     <td>33,12</td> 
     <td>OK</td> 
    </tr> 
    </tbody> 
</table> 

https://jsfiddle.net/qr3ao2e3/

Есть ли у вас какие-либо решения?

Answer 1

.fixed-table-body класс имеет overflow X и Y свойства установлено значение auto что означает:

авто - Должен вызвать механизм прокрутки, чтобы быть предусмотрено переполненной коробки

Это фиксирует его

.fixed-table-body { 
    overflow-x: visible; 
    overflow-y: visible; 
    height: 100%; 
} 

See your updated fiddle here. Надеюсь, это поможет.