BootstrapTable2 количество элементов на странице в раскрывающемся списке не отображается - PullRequest
Новая
       40

BootstrapTable2 количество элементов на странице в раскрывающемся списке не отображается

1 голос
/ 05 мая 2020

Я использую BootstrapTable2 с Bootstrap4. Все работает, за исключением того, что когда я нажимаю на количество элементов на странице, раскрывающийся список для выбора количества элементов не отображается.

Вот мой код (он основан на этом примере : 

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

1 Ответ

0 голосов
/ 05 мая 2020

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

Добавление этого css решило проблему: 

    .dropdown{
        overflow: visible !important;
    }
...