Failed to add horizontal scroll to events table

1 files changed, 15 insertions, 9 deletions

diff --git a/iosApp/iosApp/Details/Reports/UnitReportsView.swift b/iosApp/iosApp/Details/Reports/UnitReportsView.swift
index 5a34ea5..9973189 100644
--- a/iosApp/iosApp/Details/Reports/UnitReportsView.swift
+++ b/iosApp/iosApp/Details/Reports/UnitReportsView.swift
@@ -33,15 +33,19 @@ struct UnitReportsView: View {
             wrappedValue: UnitReportsViewModel(deviceId: unit.device.id))
     }
     
+    private var eventsConfig: TablerListConfig<EventInformation> {
+        TablerListConfig<EventInformation>(gridItems: eventsGridItems)
+    }
+    
     private var eventsGridItems: [GridItem] = [
-        GridItem(.flexible(), alignment: .leading),
-        GridItem(.flexible(), alignment: .leading),
-        GridItem(.flexible(), alignment: .leading),
-        GridItem(.flexible(), alignment: .leading),
+        GridItem(.flexible(minimum: 100), alignment: .leading),
+        GridItem(.flexible(minimum: 100), alignment: .leading),
+        GridItem(.flexible(minimum: 100), alignment: .leading),
+        GridItem(.flexible(minimum: 100), alignment: .leading),
     ]
     
     @ViewBuilder
-    private func eventsHeader(_ ctx: TablerSortContext<EventInformation>) -> some View {
+    private func eventsHeader(_ ctx: Binding<TablerContext<EventInformation>>) -> some View {
         Text("events-table-datetime")
         Text("events-table-event")
         Text("events-table-geofence")
@@ -90,10 +94,12 @@ struct UnitReportsView: View {
         VStack {
             if unitReportsViewModel.reportType == .events {
                 if let report = unitReportsViewModel.report as? ReportController.ReportEventsReport {
-                    TablerList(TablerListConfig<EventInformation>(gridItems: eventsGridItems),
-                               headerContent: eventsHeader,
-                               rowContent: eventsRow,
-                               results: report.events)
+                    SidewaysScroller(minWidth: 400) {
+                        TablerList(eventsConfig,
+                                   headerContent: eventsHeader,
+                                   rowContent: eventsRow,
+                                   results: report.events)
+                    }
                 } else {
                     Spacer()
                 }