Bootstrap-table,溢出

时间:2016-01-15 21:12:12

标签: twitter-bootstrap bootstrap-table

我尝试过Bootstrap-table(https://www.googleapis.com/youtube/v3/playlists?part=snippet%2Clocalizations&id=),用于过滤和分页。

工作正常,但是当我在表格中放下一个下拉菜单时,你必须滚动显示它。

<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>

http://bootstrap-table.wenzhixin.net.cn/

你有解决方案吗?

1 个答案:

答案 0 :(得分:1)

.fixed-table-body类将overflow X和Y属性设置为auto,这意味着:

  

auto - 应该提供滚动机制   溢出的盒子

这解决了它

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

See your updated fiddle here。希望有所帮助。