Set rowsPerPage of TrialTable 50

optuna_dashboard/ts/components/StudyDetailBeta.tsx

@@ -268,7 +268,7 @@ export const StudyDetailBeta: FC<{
     content = (
       <Card sx={{ margin: theme.spacing(2) }}>
         <CardContent>
-          <TrialTable studyDetail={studyDetail} />
+          <TrialTable studyDetail={studyDetail} initialRowsPerPage={50} />
         </CardContent>
       </Card>
     )

optuna_dashboard/ts/components/TrialTable.tsx

@@ -3,9 +3,10 @@ import { Typography, Grid, Box } from "@mui/material"
 
 import { DataGridColumn, DataGrid } from "./DataGrid"
 
-export const TrialTable: FC<{ studyDetail: StudyDetail | null }> = ({
-  studyDetail,
-}) => {
+export const TrialTable: FC<{
+  studyDetail: StudyDetail | null
+  initialRowsPerPage?: number
+}> = ({ studyDetail, initialRowsPerPage }) => {
   const trials: Trial[] = studyDetail !== null ? studyDetail.trials : []
 
   const columns: DataGridColumn<Trial>[] = [
@@ -269,6 +270,7 @@ export const TrialTable: FC<{ studyDetail: StudyDetail | null }> = ({
       keyField={"trial_id"}
       dense={true}
       collapseBody={collapseBody}
+      initialRowsPerPage={initialRowsPerPage}
     />
   )
 }