fix #411 - Fix bug - Table overflow issues on ipad

dassana-io · Jul 23, 2021 · 6ff6078 · 6ff6078
1 parent 8394064
commit 6ff6078
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@dassana-io/web-components",
-	"version": "0.11.20",
+	"version": "0.11.21",
 	"publishConfig": {
 		"registry": "https://npm.pkg.github.com/dassana-io"
 	},

diff --git a/src/components/Table/index.tsx b/src/components/Table/index.tsx
@@ -130,7 +130,10 @@ export const Table = <Data,>({
 	const { classes: tableControlClasses = [], render: renderTableControls } =
 		tableControlsConfig
 
-	const { isMobile } = useWindowSize()
+	const {
+		isMobile,
+		windowSize: { width }
+	} = useWindowSize()
 
 	const tableClasses = useStyles({
 		onRowClick,
@@ -263,7 +266,7 @@ export const Table = <Data,>({
 				x: scrollConfig.x
 			}
 		}
-	} else if (isMobile) {
+	} else if (width <= 768) {
 		scrollProps = {
 			scroll: {
 				x: scrollConfig ? scrollConfig.x : columns.length * 150