Merge pull request #960 from notoraptor/improve-db-page

[dashboard/DB page] Display only 7 first characters of trial ID in ID column.
Epistimio · Jul 6, 2022 · f9d8c94 · f9d8c94
2 parents 11eb0b7 + 6f7340c
commit f9d8c94
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/dashboard/src/src/experiments/content/DatabasePage/TrialTable.js b/dashboard/src/src/experiments/content/DatabasePage/TrialTable.js
@@ -38,8 +38,16 @@ const TrialTable = ({ rows, headers, experiment }) => {
             <TableBody>
               {rows.map(row => (
                 <TableRow key={row.id} {...getRowProps({ row })}>
-                  {row.cells.map(cell => (
-                    <TableCell key={cell.id}>{cell.value}</TableCell>
+                  {row.cells.map((cell, cellIndex) => (
+                    <TableCell key={cell.id}>
+                      {cellIndex === 0 && cell.value.length > 7 ? (
+                        <span title={cell.value}>
+                          {cell.value.substr(0, 7)}...
+                        </span>
+                      ) : (
+                        cell.value
+                      )}
+                    </TableCell>
                   ))}
                 </TableRow>
               ))}