下拉菜单在桌子行后面

Question

如果有人可以帮我这个。我使用bootstrap下拉列表作为表的最后一列。它对于上表行完全正常工作，但是当我单击最后一行和倒数第二行的下拉列表时，下拉列表进入表行，启用y轴和x轴的滚动条。但我希望下拉在桌子外面可见而不创建滚动条。请帮助任何人。

         <td>
            <div class="btn-group">
              <button class="btn dropdown-toggle" data-toggle="dropdown">
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" style="position:absolute; top:100%;z-index:10;">
                <li><a tabindex="-1" href="#">Action</a></li>
                <li><a tabindex="-1" href="#">Another action</a></li>
                <li><a tabindex="-1" href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a tabindex="-1" href="#">Separated link</a></li>
              </ul>
            </div>
          </td>

Answer 1

将固定位置设为.dropdown-menu并计算位置

在这里演示http://jsfiddle.net/serGlazkov/Q5JvA/754/