fix table column's padding

raheeliftikhar5 · raheeliftikhar5 · commit 6e9f52d6a04c · 2025-08-01T17:38:33.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnTagsComp.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnTagsComp.tsx
@@ -142,6 +142,7 @@ export const Wrapper = styled.div`
   height: 100%;
   position: absolute;
   top: 0;
+  left: 0;
   background: transparent !important;
   padding: 8px;
 
diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx
@@ -411,9 +411,9 @@ const TableTd = styled.td<TableTdProps>`
     justify-content: ${(props) => props.$customAlign === 'center' ? 'center' : props.$customAlign === 'right' ? 'flex-end' : 'flex-start'};
     align-items: center;
     text-align: ${(props) => props.$customAlign || 'left'};
-    padding: 0 8px;
     box-sizing: border-box;
     ${(props) => props.$tableSize === 'small' && `
+      padding: 1px 8px;
       font-size: ${props.$defaultThemeDetail.textSize == props.$style.textSize ? '14px !important' : props.$style.textSize + ' !important'};
       font-style:${props.$style.fontStyle} !important;
       min-height: ${props.$style.rowHeight || '14px'};
@@ -424,6 +424,7 @@ const TableTd = styled.td<TableTdProps>`
       `};
     `};
     ${(props) => props.$tableSize === 'middle' && `
+      padding: 8px 8px;
       font-size: ${props.$defaultThemeDetail.textSize == props.$style.textSize ? '16px !important' : props.$style.textSize + ' !important'};
       font-style:${props.$style.fontStyle} !important;
       min-height: ${props.$style.rowHeight || '24px'};
@@ -434,6 +435,7 @@ const TableTd = styled.td<TableTdProps>`
       `};
     `};
     ${(props) => props.$tableSize === 'large' && `
+      padding: 16px 16px;
       font-size: ${props.$defaultThemeDetail.textSize == props.$style.textSize ? '18px !important' : props.$style.textSize + ' !important'};
       font-style:${props.$style.fontStyle} !important;
       min-height: ${props.$style.rowHeight || '48px'};
