fix: add pagination in DataGrid

TexteaInc · Jul 28, 2024 · d2b83af · d2b83af
1 parent d643dbd
commit d2b83af
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/frontend/src/components/FunixFunction/ObjectFieldExtendedTemplate.tsx b/frontend/src/components/FunixFunction/ObjectFieldExtendedTemplate.tsx
@@ -315,6 +315,8 @@ const ObjectFieldExtendedTemplate = (props: ObjectFieldProps) => {
                       Column Preview
                     </Typography>
                     <DataGrid
+                      pagination
+                      autoPageSize
                       columns={[{ field: elementProps.name, minWidth: 350 }]}
                       rows={candidateRows}
                       sx={{ minHeight: 400 }}
@@ -956,6 +958,8 @@ const ObjectFieldExtendedTemplate = (props: ObjectFieldProps) => {
             </Stack>
             <Box sx={{ height: 400, mt: 1, paddingRight: 1 }}>
               <DataGrid
+                pagination
+                autoPageSize
                 columns={columns}
                 columnVisibilityModel={{
                   id: false,

diff --git a/frontend/src/components/FunixFunction/OutputComponents/OutputDataframe.tsx b/frontend/src/components/FunixFunction/OutputComponents/OutputDataframe.tsx
@@ -42,6 +42,8 @@ export default function OutputDataframe(props: {
   return (
     <Box sx={{ height: 400, width: "100%" }}>
       <DataGrid
+        pagination
+        autoPageSize
         rows={newDataframe}
         columns={columns}
         components={{

diff --git a/frontend/src/components/FunixFunction/OutputPanel.tsx b/frontend/src/components/FunixFunction/OutputPanel.tsx
@@ -112,6 +112,8 @@ const OutputPanel = (props: {
             else if (props.selectedResponseViewType === "sheet")
               return (
                 <DataGrid
+                  pagination
+                  autoPageSize
                   columns={[
                     { field: "id", headerName: "ID" },
                     { field: "value", headerName: "Root" },
@@ -174,6 +176,8 @@ const OutputPanel = (props: {
                 }
                 const grid = (
                   <DataGrid
+                    pagination
+                    autoPageSize
                     columns={keysOfArraysInSheet.map((key) => ({
                       field: key,
                     }))}