pageSize added

master
mahdi andalib 3 years ago
parent 8fd968cd1f
commit 4dc6f2f540
  1. 20
      src/components/ReactTable3/BasicTable.js

@ -28,6 +28,7 @@ const BasicTable = () => {
pageOptions,
gotoPage,
pageCount,
setPageSize,
prepareRow,
state,
setGlobalFilter,
@ -43,7 +44,7 @@ const BasicTable = () => {
)
const { globalFilter, pageIndex } = state
const { globalFilter, pageIndex, pageSize } = state
return (
@ -145,6 +146,23 @@ const BasicTable = () => {
</span>
<select
value={pageSize}
onChange={ (e) => setPageSize(Number(e.target.value)) }
>
{
[7, 10, 25, 50].map(pageSize => (
<option key={ pageSize } value={ pageSize }>
Show { pageSize }
</option>
))
}
</select>
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage}> { '<<' } </button>
<button className="bg-blue-400 m-2 rounded text-white p-2" onClick={() => previousPage() } disabled={!canPreviousPage} >Previous</button>

Loading…
Cancel
Save