分页下拉列表不起作用 反应引导表2.

Question

>我正在使用 react-bootstrap-table2，无法让分页下拉菜单工作。

查看我的选项：

        const options = {
            paginationSize: 4,
            pageStartIndex: 0,
            //alwaysShowAllBtns: true, // Always show next and previous button
            //withFirstAndLast: false, // Hide the going to First and Last page button
            // hideSizePerPage: true, // Hide the sizePerPage dropdown always
            // hidePageListOnlyOnePage: true, // Hide the pagination list when only one page
            firstPageText: 'First',
            prePageText: 'Back',
            nextPageText: 'Next',
            lastPageText: 'Last',
            nextPageTitle: 'First page',
            prePageTitle: 'Pre page',
            firstPageTitle: 'Next page',
            lastPageTitle: 'Last page',
            sizePerPageList: [{
                text: '5', value: 5
            },{
                text: '10', value: 10
            },{
                text: 'All', value: this.state.currentlyDisplayed.length
            }] // A numeric array is also available. the purpose of above example is custom the text
        };

和我的表组件

                            <BootstrapTable
                                className="bsTable"
                                striped={true}
                                hover={true}
                                keyField='id'
                                data={this.state.currentlyDisplayed}
                                columns={columns}
                                pagination={ paginationFactory(options) }
                                filter={ filterFactory({delay:100}) }
                                fetchInfo={{dataTotalSize: this.state.currentlyDisplayed.length}}
                            />

有什么想法吗？我单击它希望看到 5,10，全部但没有响应。我的表中也有超过 5 条记录...

Answer 1

把它添加到你的 CSS 中：

.show.react-bs-table-sizePerPage-dropdown ul:last-child {
  display: block;
}