fix: UI issue on horizonal scrollable table

raheeliftikhar5 · raheeliftikhar5 · commit cbdc5809ecb9 · 2023-12-04T21:08:57.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx
@@ -169,6 +169,10 @@ const TableWrapper = styled.div<{
       border-top: none !important;
       border-inline-start: none !important;
 
+      &::after {
+        box-shadow: none !important;
+      }
+
       .ant-table-content {
         overflow: unset !important;
       }
diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx
@@ -54,14 +54,12 @@ const getStyle = (
   return css`
     background-color: ${style.toolbarBackground};
     // Implement horizontal scrollbar and vertical page number selection is not blocked
-    // padding: ${position === "above" ? "13px 16px 313px 16px" : "313px 16px 13px 16px"};
-    // margin: ${position === "above" ? "0 0 -300px 0" : "-300px 0 0 0"};
     padding: 13px 12px;
-    ${fixedToolbar && `
-      position: sticky;
-      postion: -webkit-sticky;
-      z-index: 99;
-    `};
+    position: sticky;
+    postion: -webkit-sticky;
+    left: 0;
+
+    ${fixedToolbar && `z-index: 99;`};
     ${fixedToolbar && position === 'below' && `bottom: 0;`};
     ${fixedToolbar && position === 'above' && `top: 0;` };
 
