update succeed table in time (#2103)

src/webui/src/components/Overview.tsx

@@ -120,7 +120,7 @@ class Overview extends React.Component<OverviewProps, OverviewState> {
                         </div>
                     </Stack>
                     <Stack horizontal tokens={stackTokens}>
-                        <div style={{ width: '40%'}}>
+                        <div style={{ width: '40%', position: 'relative'}}>
                             <Accuracy
                                 accuracyData={accuracyGraphData}
                                 accNodata={noDataMessage}

src/webui/src/components/overview/SuccessTable.tsx

@@ -113,6 +113,11 @@ class SuccessTable extends React.Component<SuccessTableProps, SuccessTableState>
         }
     ];
 
+    componentWillReceiveProps(nextProps: SuccessTableProps): void {
+        const { trialIds } = nextProps;
+        this.setState(() => ({ source: TRIALS.table(trialIds) }));
+    }
+
     render(): React.ReactNode {
         const { columns, source } = this.state;
         return (

src/webui/src/static/style/overview.scss

@@ -57,3 +57,11 @@
         font-size: 14px;
     }
 }
+
+/* overview-succeed-graph */
+.showMess{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
\ No newline at end of file