Merge pull request #264 from EyeSeeTea/fix/use-new-pagination-options

Use new paginationOptions prop in ObjectsTable
EyeSeeTea · Jul 22, 2020 · 4fc6209 · 4fc6209
2 parents f5a8c64 + 02ba314
commit 4fc6209
Showing 1 changed file with 6 additions and 1 deletion.
diff --git 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}
         />
     );
 };