From 02ba3140408b295668dac90c09068298aa3379e3 Mon Sep 17 00:00:00 2001
From: Arnau Sanchez <pyarnau@gmail.com>
Date: Wed, 22 Jul 2020 13:29:16 +0200
Subject: [PATCH] Use new paginationOptions prop in ObjectsTable

---
 src/components/steps/data-elements/DataElementsTable.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/steps/data-elements/DataElementsTable.tsx b/src/components/steps/data-elements/DataElementsTable.tsx
index 1159f4ee..32362431 100644
--- a/src/components/steps/data-elements/DataElementsTable.tsx
+++ b/src/components/steps/data-elements/DataElementsTable.tsx
@@ -27,10 +27,14 @@ export interface DataElementsTableProps {
     visibleFilters?: FilterKey[];
 }
 
+const paginationOptions = {
+    pageSizeOptions: [10, 20, 50],
+    pageSizeInitialValue: 20,
+};
+
 const initialPagination: Partial<TablePagination> = {
     pageSize: 20,
     page: 1,
-    pageSizeOptions: [10, 20, 50],
 };
 
 const initialSorting: TableSorting<DataElement> = {
@@ -194,6 +198,7 @@ const DataElementsTable: React.FC<DataElementsTableProps> = props => {
             resetKey={JSON.stringify(fullFilter)}
             filterComponents={filterComponents}
             actions={actions}
+            paginationOptions={paginationOptions}
         />
     );
 };