Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 00:48:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

Show page stats in pagination component

Browse source
This commit is contained in:
navaneeth 2021-05-19 12:09:12 +05:30
parent 8aa1bb5070
commit ad4ddea5cd
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/_components/Pagination.jsx
View file

@ -1,4 +1,4 @@
import React, { useState, useEffect } from 'react';
import React from 'react';
export const Pagination = function Pagination({
currentPage, count, totalPages, pageChanged
@ -21,7 +21,7 @@ export const Pagination = function Pagination({
}
return (<div className="card-footer d-flex align-items-center">
<p className="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>{count}</span> entries</p>
<p className="m-0 text-muted">Showing <span>{ (currentPage - 1) * 10 + 1}</span> to <span>{currentPage * 10}</span> of <span>{count}</span> entries</p>
<ul className="pagination m-0 ms-auto">
<li className={`page-item ${currentPage === 1 ? 'disabled' : ''}`}>
<a style={{cursor: 'pointer'}} className="page-link" onClick={gotoPreviousPage}>