Непонятно, почему bootstrap -react-table2 не создает нумерацию страниц - PullRequest
0 голосов
/ 08 января 2020

Я установил 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;
...