Donate. I desperately need donations to survive due to my health

Get paid by answering surveys Click here

Click here to donate

Remote/Work from Home jobs

React Semantic UI pagination table

I have a Table component from Semantic UI React and have f.e. ~100 objects from JSON. How I can create Pagination for this table to render in first page f.e. 15 items and so on.. Tried with Semantic UI Pagination, but have no luck. May be you can provide me good example or give an advice. Thanks in advance.

 <Table.Footer>
     <Table.Row>
        <Table.HeaderCell colSpan="4">
          <PaginationContainer pages={Object.keys(mlpMock).length} />
        </Table.HeaderCell>
     </Table.Row>
 </Table.Footer>

PaginationContainer:

   return (
     <Pagination
       defaultActivePage={1}
       firstItem={null}
       lastItem={null}
       pointing
       secondary
       totalPages={pages}
     />
   );

Comments