[Fix]: #1837 fix table header border styles

Author: iamfaran

client/packages/lowcoder/src/comps/comps/tableComp/tableCompView.tsx

@@ -81,6 +81,7 @@ export const TableCompView = React.memo((props: {
   const showVerticalScrollbar = compChildren.showVerticalScrollbar.getView();
   const visibleResizables = compChildren.visibleResizables.getView();
   const showHRowGridBorder = compChildren.showHRowGridBorder.getView();
+  const showRowGridBorder = compChildren.showRowGridBorder.getView();
   const columnsStyle = compChildren.columnsStyle.getView();
   const summaryRowStyle = compChildren.summaryRowStyle.getView();
   const changeSet = useMemo(() => compChildren.columns.getChangeSet(), [compChildren.columns]);
@@ -373,6 +374,7 @@ export const TableCompView = React.memo((props: {
             $fixedToolbar={toolbar.fixedToolbar && toolbar.position === 'above'}
             $visibleResizables={visibleResizables}
             $showHRowGridBorder={showHRowGridBorder}
+            $showRowGridBorder={showRowGridBorder}
             $isVirtual={scrollConfig.virtual}
             $showHorizontalScrollbar={showHorizontalScrollbar}
             $showVerticalScrollbar={showVerticalScrollbar}

client/packages/lowcoder/src/comps/comps/tableComp/tableStyles.ts

@@ -138,6 +138,7 @@ export const TableWrapper = styled.div.attrs<{
   $fixedToolbar: boolean;
   $visibleResizables: boolean;
   $showHRowGridBorder?: boolean;
+  $showRowGridBorder?: boolean;
   $isVirtual?: boolean;
   $showHorizontalScrollbar?: boolean;
   $showVerticalScrollbar?: boolean;
@@ -207,7 +208,10 @@ export const TableWrapper = styled.div.attrs<{
             border-color: ${(props) => props.$headerStyle.border};
             border-width: ${(props) => props.$headerStyle.borderWidth};
             color: ${(props) => props.$headerStyle.headerText};
-            // border-inline-end: ${(props) => `${props.$headerStyle.borderWidth} solid ${props.$headerStyle.border}`} !important;
+            ${(props) => props.$showRowGridBorder
+              ? `border-inline-end: ${props.$headerStyle.borderWidth} solid ${props.$headerStyle.border} !important;`
+              : `border-inline-end: none !important;`
+            }
 
             /* Proper styling for fixed header cells */
             &.ant-table-cell-fix-left, &.ant-table-cell-fix-right {