From 4dc6f2f540acf8f184336acd029bad13e7cccf5f Mon Sep 17 00:00:00 2001
From: mahdi andalib <andalibmahdi45@gmail.com>
Date: Sun, 6 Feb 2022 18:24:40 +0330
Subject: [PATCH] pageSize added

---
 src/components/ReactTable3/BasicTable.js | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/ReactTable3/BasicTable.js b/src/components/ReactTable3/BasicTable.js
index 4ada758..2d98395 100644
--- a/src/components/ReactTable3/BasicTable.js
+++ b/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>