From d858ab46e6992b6902b35f1bcd34304a40a9f30b Mon Sep 17 00:00:00 2001
From: c-bata <contact@c-bata.link>
Date: Sun, 1 Jan 2023 17:56:53 +0900
Subject: [PATCH] Set rowsPerPage of TrialTable 50

---
 optuna_dashboard/ts/components/StudyDetailBeta.tsx | 2 +-
 optuna_dashboard/ts/components/TrialTable.tsx      | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/optuna_dashboard/ts/components/StudyDetailBeta.tsx b/optuna_dashboard/ts/components/StudyDetailBeta.tsx
index 5a22018e..6e1cca8d 100644
--- a/optuna_dashboard/ts/components/StudyDetailBeta.tsx
+++ b/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>
     )
diff --git a/optuna_dashboard/ts/components/TrialTable.tsx b/optuna_dashboard/ts/components/TrialTable.tsx
index 5055f648..e676a1b2 100644
--- a/optuna_dashboard/ts/components/TrialTable.tsx
+++ b/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}
     />
   )
 }