Added horizontal scrolling to event log

canonical · Jul 22, 2024 · 2f1a582 · 2f1a582
1 parent e40be04
commit 2f1a582
Showing 1 changed file with 34 additions and 31 deletions.
diff --git a/frontend/lib/ui/artefact_page/test_event_log_expandable.dart b/frontend/lib/ui/artefact_page/test_event_log_expandable.dart
@@ -30,43 +30,46 @@ class TestEventLogExpandable extends ConsumerWidget {
           title: const Text('Event Log'),
           initiallyExpanded: initiallyExpanded,
           children: <Widget>[
-            DataTable(
-              columns: const <DataColumn>[
-                DataColumn(
-                  label: Expanded(
-                    child: Text(
-                      'Event Name',
-                      style: TextStyle(fontStyle: FontStyle.italic),
+            SingleChildScrollView( 
+              scrollDirection: Axis.horizontal, 
+              child: DataTable(
+                columns: const <DataColumn>[
+                  DataColumn(
+                    label: Expanded(
+                      child: Text(
+                        'Event Name',
+                        style: TextStyle(fontStyle: FontStyle.italic),
+                      ),
                     ),
                   ),
-                ),
-                DataColumn(
-                  label: Expanded(
-                    child: Text(
-                      'Timestamp',
-                      style: TextStyle(fontStyle: FontStyle.italic),
+                  DataColumn(
+                    label: Expanded(
+                      child: Text(
+                        'Timestamp',
+                        style: TextStyle(fontStyle: FontStyle.italic),
+                      ),
                     ),
                   ),
-                ),
-                DataColumn(
-                  label: Expanded(
-                    child: Text(
-                      'Detail',
-                      style: TextStyle(fontStyle: FontStyle.italic),
+                  DataColumn(
+                    label: Expanded(
+                      child: Text(
+                        'Detail',
+                        style: TextStyle(fontStyle: FontStyle.italic),
+                      ),
                     ),
                   ),
-                ),
-              ],
-              rows: testEvents.map(
-                (testEvent) => DataRow(
-                  cells: <DataCell>[
-                    DataCell(Text(testEvent.eventName)),
-                    DataCell(Text(testEvent.timestamp)),
-                    DataCell(Text(testEvent.detail)),
-                  ],
-                ),
-              )
-              .toList(),
+                ],
+                rows: testEvents.map(
+                  (testEvent) => DataRow(
+                    cells: <DataCell>[
+                      DataCell(Text(testEvent.eventName)),
+                      DataCell(Text(testEvent.timestamp)),
+                      DataCell(Text(testEvent.detail)),
+                    ],
+                  ),
+                )
+                .toList(),
+              ),
             ),
           ],
         );