我已经设置了一个 bootstrap-react-table2。它正在适当地显示样式(例如压缩、条纹等),但没有显示分页。我已经检查并重新检查了安装说明,但我认为我没有错过任何步骤。
这是我的模块,它加载数据、表格并尝试设置分页...
import React from 'react';
import BootstrapTable from 'react-bootstrap-table-next/lib/src/bootstrap-table';
import paginationFactory from 'react-bootstrap-table2-paginator';
import 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';
// Temporary Data
import ContactContent from '../components/contacts-list';
const ContactsPage = () => {
const columns = [{
dataField: 'firstName',
text: 'First Name'
}, {
dataField: 'lastName',
text: 'Last Name'
}, {
dataField: 'org',
text: 'Organization'
}, {
dataField: 'phone',
text: 'Phone Number'
}];
return (
<>
<h1>Contacts</h1>
<BootstrapTable
bootstrap4 keyField='id' data={ ContactContent } columns={ columns } striped hover condensed pagination={ paginationFactory() } />
</>
);
}
export default ContactsPage;