Merge pull request #23 from archit-p/styling-updates

Update table overflow styling

Author: archit-p

src/App.jsx

@@ -193,7 +193,7 @@ function App() {
 
   return (
     <div
-      className="overflow-y-hidden"
+      className="overflow-hidden"
       style={{
         width: '100vw',
         height: '100vh',

src/Table.jsx

@@ -104,7 +104,7 @@ export default function Table({
   }
 
   return (
-    <>
+    <div style={{ maxWidth: '100vw', overflow: 'auto' }}>
       <div
         {...getTableProps()}
         className={clsx('table', isTableResizing() && 'noselect')}
@@ -136,6 +136,6 @@ export default function Table({
           </div>
         </div>
       </div>
-    </>
+    </div>
   );
 }

src/style.css

@@ -340,6 +340,10 @@ html {
   overflow: auto;
 }
 
+.overflow-hidden {
+  overflow: hidden;
+}
+
 .overflow-y-hidden {
   overflow-y: hidden;
 }