update all page size

src/components/FiDataGrid.js

@@ -113,7 +113,7 @@ export function FiDataGrid({ rows, columns, sx, autoHeight,
                         count={_rows.length}
                         page={page}
                         rowsPerPage={pageSize}
-                        rowsPerPageOptions={[5,10,15,20,100]}
+                        rowsPerPageOptions={[5,10,20,100]}
                         labelDisplayedRows={({ from, to, count }) =>
                             `${from}-${to} ${intl.formatMessage({ id: "of" })} ${count}`
                         }

src/pages/EmailTemplate/Search_GLD/DataGrid.js

@@ -87,11 +87,7 @@ export default function EmailTemplateTable({ recordList }) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: { page: 0, pageSize: 5 },
-                    },
-                }}
+                customPageSize={5}
                 onRowDoubleClick={handleRowDoubleClick}
                 getRowHeight={() => 'auto'}
             />

src/pages/Message/Search/DataGrid.js

@@ -66,11 +66,7 @@ export default function MsgTable({ recordList }) {
                 rowHeight={80}
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: { page: 0, pageSize: 20 },
-                    },
-                }}
+                customPageSize={20}
                 onRowDoubleClick={handleEditClick}
             />
         </div>

src/pages/Organization/DetailPage/CreditorHistoryTable.js

@@ -42,11 +42,7 @@ export default function CreditorHistoryTable({ recordList }) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: { page: 0, pageSize: 100 },
-                    },
-                }}
+                customPageSize={100}
             />
         </div>
     );

src/pages/Organization/SearchPage/OrganizationTable.js

@@ -102,11 +102,7 @@ export default function OrganizationTable({ recordList }) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: { page: 0, pageSize: 5 },
-                    },
-                }}
+                customPageSize={5}
                 onRowDoubleClick={handleRowDoubleClick}
             />
         </div>

src/pages/Payment/Details_GLD/DataGrid.js

@@ -69,11 +69,7 @@ export default function SearchPublicNoticeTable({ recordList }) {
                 rowHeight={150}
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: { page: 0, pageSize: 5 },
-                    },
-                }}
+                customPageSize={5}
             />
 
             <Typography align="right" variant= "h3">Total Amount: <span style={{ color: "blue", fontWeight: "bold", }}> HK$ {FormatUtils.currencyFormat(total)}</span></Typography>

src/pages/Payment/Details_Public/DataGrid.js

@@ -79,11 +79,7 @@ export default function SearchPublicNoticeTable({ recordList }) {
                 rowHeight={150}
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: { page: 0, pageSize: 5 },
-                    },
-                }}
+                customPageSize={5}
             />
             <Typography align="right" variant="h4" sx={{mr:2}}>
                 <FormattedMessage id="payTotal"/>:

src/pages/Payment/Search_Public/DataGrid.js

@@ -106,11 +106,7 @@ export default function SearchPublicNoticeTable({ recordList }) {
                 rowHeight={80}
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: { page: 0, pageSize: 5 },
-                    },
-                }}
+                customPageSize={5}
                 onRowDoubleClick={handleEditClick}
             />
         </div>

src/pages/Proof/Search_Public/DataGrid.js

@@ -158,11 +158,7 @@ export default function SearchPublicNoticeTable({ recordList }) {
                 sx={_sx}
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: { page: 0, pageSize: 10 },
-                    },
-                }}
+                customPageSize={10}
                 getRowHeight={() => "auto"}
                 onRowDoubleClick={handleRowDoubleClick}
             />

src/pages/PublicNotice/Details_GLD/tabTableDetail/ProofTab.js

@@ -109,11 +109,7 @@ export default function ProofTab({rows}) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: {page: 0, pageSize: 5},
-                    },
-                }}
+                customPageSize={5}
             />
         </div>
     );

src/pages/PublicNotice/Details_GLD/tabTableDetail/StatusHistoryTab.js

@@ -52,11 +52,7 @@ export default function StatusHistoryTab({rows}) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: {page: 0, pageSize: 5},
-                    },
-                }}
+                customPageSize={5}
             />
         </div>
     );

src/pages/PublicNotice/Details_Public/tabTableDetail/ProofTab.js

@@ -80,11 +80,7 @@ export default function ProofTab({rows}) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: {page: 0, pageSize: 5},
-                    },
-                }}
+                customPageSize={5}
             />
         </div>
     );

src/pages/PublicNotice/Details_Public/tabTableDetail/StatusHistoryTab.js

@@ -44,11 +44,7 @@ export default function StatusHistoryTab({rows}) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: {page: 0, pageSize: 5},
-                    },
-                }}
+                customPageSize={5}
             />
         </div>
     );

src/pages/PublicNotice/ListPanel/BaseGrid.js

@@ -122,11 +122,7 @@ export default function BaseGrid({rows}) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: {page: 0, pageSize: 10},
-                    },
-                }}
+                customPageSize={10}
                 onRowDoubleClick={handleRowDoubleClick}
                 getRowHeight={() => 'auto'}
             />

src/pages/PublicNotice/ListPanel/SearchPublicNoticeTable.js

@@ -127,11 +127,7 @@ export default function SearchPublicNoticeTable({ recordList }) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: { page: 0, pageSize: 20 },
-                    },
-                }}
+                customPageSize={20}
                 onRowDoubleClick={handleRowDoubleClick}
                 getRowHeight={() => 'auto'}
             />

src/pages/Setting/SystemSetting/Table.js

@@ -60,11 +60,7 @@ const Table = ({onRowClick, dataList}) => {
                     <FiDataGrid
                         rows={rows}
                         columns={columns}
-                        initialState={{
-                            pagination: {
-                                paginationModel: { page: 0, pageSize: 10 },
-                            },
-                        }}
+                        customPageSize={10}
                         getRowHeight={() => 'auto'}
                         onRowClick={onRowClick}
                     />

src/pages/User/SearchPage/UserTable.js

@@ -133,11 +133,7 @@ export default function UserTable({recordList,setChangeLocked}) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: {page: 0, pageSize: 5},
-                    },
-                }}
+                customPageSize={5}
                 onRowDoubleClick={handleRowDoubleClick}
                 getRowHeight={() => 'auto'}
             />

src/pages/User/SearchPage_Individual/UserTable_Individual.js

@@ -140,11 +140,7 @@ export default function UserTable_Individual({ recordList }) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: { page: 0, pageSize: 5 },
-                    },
-                }}
+                customPageSize={5}
                 onRowDoubleClick={handleRowDoubleClick}
             />
         </div>

src/pages/User/SearchPage_Organization/UserTable_Organization.js

@@ -135,11 +135,7 @@ export default function UserTable_Organization({recordList}) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: {page: 0, pageSize: 5},
-                    },
-                }}
+                customPageSize={5}
                 onRowDoubleClick={handleRowDoubleClick}
             />
         </div>

src/pages/pnspsUserGroupSearchPage/UserGroupTable.js

@@ -63,11 +63,7 @@ export default function UserGroupTable({recordList}) {
             <FiDataGrid
                 rows={rows}
                 columns={columns}
-                initialState={{
-                    pagination: {
-                        paginationModel: {page: 0, pageSize: 10},
-                    },
-                }}
+                customPageSize={10}
                 pageSizeOptions={[10, 15, 20]}
                 onRowDoubleClick={handleRowDoubleClick}
             />