Я установил bootstrap -react-table2. Он отображает стили соответствующим образом (например, сжатый, полосатый и т. Д. c), но нумерация страниц не отображается. Я проверил и перепроверил инструкции по установке, но я не думаю, что пропустил какие-либо шаги.
Вот мой модуль, который загружает данные, таблицу и пытается настроить нумерацию страниц ...
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;