Merge pull request #48 from starlitya/master

fix: data table is not scrolling horizontally at Web
rodydavis · Dec 8, 2022 · f8bda54 · f8bda54
2 parents 90eb3a9 + 88964fa
commit f8bda54
Showing 1 changed file with 18 additions and 7 deletions.
diff --git a/lib/ui/stateless_datatable.dart b/lib/ui/stateless_datatable.dart
@@ -1,3 +1,5 @@
+import 'dart:ui';
+
 import 'package:flutter/gestures.dart' show DragStartBehavior;
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
@@ -286,11 +288,11 @@ class StatelessDataTable extends StatelessWidget {
             ),
           Expanded(
               flex: 8,
-              child: Scrollbar(
-                  child: ListView(
-                shrinkWrap: true,
-                children: <Widget>[
-                  SingleChildScrollView(
+              child: ScrollConfiguration(
+                behavior: CustomScrollBehavior(),
+                child: SingleChildScrollView(
+                    scrollDirection: Axis.vertical,
+                    child: SingleChildScrollView(
                     scrollDirection: Axis.horizontal,
                     child: DataTable(
                         key: _tableKey,
@@ -300,8 +302,9 @@ class StatelessDataTable extends StatelessWidget {
                         onSelectAll: onSelectAll,
                         rows: _getRows(firstRowIndex, rowsPerPage)),
                   ),
-                ],
-              ))),
+                ),
+              ),
+          ),
           DefaultTextStyle(
             style: footerTextStyle!,
             child: IconTheme.merge(
@@ -324,3 +327,11 @@ class StatelessDataTable extends StatelessWidget {
     );
   }
 }
+
+class CustomScrollBehavior extends MaterialScrollBehavior {
+  @override
+  Set<PointerDeviceKind> get dragDevices => {
+        PointerDeviceKind.touch,
+        PointerDeviceKind.mouse,
+      };
+}