BootstrapTable2每页的分页项下拉列表未显示

Question

我在Bootstrap4中使用BootstrapTable2。一切正常，除了当我单击每页上的项目数时，不显示用于选择项目数的下拉菜单。

这是我的代码（基于此example：

import React, {Component} from 'react';
import BootstrapTable from 'react-bootstrap-table-next';
import paginationFactory from 'react-bootstrap-table2-paginator';

render(){

        const columns =  [
                      {
                          text: "Item",
                          dataField: 'Title',
                          sort: true
                      },
                      {
                          text: "Quantity",
                          dataField: 'Quantity',
                          sort: true
                      },
                      {
                          text: "Needed By",
                          dataField: 'DateNeeded',
                          sort: true
                      },
                      {
                          text: "Requested By",
                          dataField: 'RequesterUsername',
                          sort: true
                      }
                  ]
        return(
            <div>
                <script src="webjars/popper.js/1.14.7/umd/popper.min.js"></script>

                <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
                <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

                {this.state.data != null && <BootstrapTable keyField='id' bootstrap4 data={ this.state.data } columns={ columns } pagination={ paginationFactory() } />}
            </div>
            )

    }

这是我当前的版本：

"bootstrap": "^4.4.1",
"jquery": "^3.5.0",
"popper.js": "^1.16.1",
"react": "^16.13.1",
"react-bootstrap": "^1.0.1",
"react-bootstrap-table-next": "^4.0.1",
"react-bootstrap-table2-paginator": "^2.1.2",

Answer 1

事实证明，下拉菜单实际上已被截断，因为隐藏了溢出。

添加此CSS解决了问题：

    .dropdown{
        overflow: visible !important;
    }