Commit dd7fb61

committed

[Fix]: #1837 fix table header border styles

1 parent ba30103 commit dd7fb61Copy full SHA for dd7fb61

File tree

-1

lines changed

client/packages/lowcoder/src/comps/comps/tableComp
- tableCompView.tsx
- tableStyles.ts

-1

lines changed

Lines changed: 2 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -81,6 +81,7 @@ export const TableCompView = React.memo((props: {`
`81`	`81`	`const showVerticalScrollbar = compChildren.showVerticalScrollbar.getView();`
`82`	`82`	`const visibleResizables = compChildren.visibleResizables.getView();`
`83`	`83`	`const showHRowGridBorder = compChildren.showHRowGridBorder.getView();`
	`84`	`+ const showRowGridBorder = compChildren.showRowGridBorder.getView();`
`84`	`85`	`const columnsStyle = compChildren.columnsStyle.getView();`
`85`	`86`	`const summaryRowStyle = compChildren.summaryRowStyle.getView();`
`86`	`87`	`const changeSet = useMemo(() => compChildren.columns.getChangeSet(), [compChildren.columns]);`
`@@ -373,6 +374,7 @@ export const TableCompView = React.memo((props: {`
`373`	`374`	`$fixedToolbar={toolbar.fixedToolbar && toolbar.position === 'above'}`
`374`	`375`	`$visibleResizables={visibleResizables}`
`375`	`376`	`$showHRowGridBorder={showHRowGridBorder}`
	`377`	`+ $showRowGridBorder={showRowGridBorder}`
`376`	`378`	`$isVirtual={scrollConfig.virtual}`
`377`	`379`	`$showHorizontalScrollbar={showHorizontalScrollbar}`
`378`	`380`	`$showVerticalScrollbar={showVerticalScrollbar}`

Lines changed: 5 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -138,6 +138,7 @@ export const TableWrapper = styled.div.attrs<{`
`138`	`138`	`$fixedToolbar: boolean;`
`139`	`139`	`$visibleResizables: boolean;`
`140`	`140`	`$showHRowGridBorder?: boolean;`
	`141`	`+ $showRowGridBorder?: boolean;`
`141`	`142`	`$isVirtual?: boolean;`
`142`	`143`	`$showHorizontalScrollbar?: boolean;`
`143`	`144`	`$showVerticalScrollbar?: boolean;`
`@@ -207,7 +208,10 @@ export const TableWrapper = styled.div.attrs<{`
`207`	`208`	`border-color: ${(props) => props.$headerStyle.border};`
`208`	`209`	`border-width: ${(props) => props.$headerStyle.borderWidth};`
`209`	`210`	`color: ${(props) => props.$headerStyle.headerText};`
`210`		- // border-inline-end: ${(props) => `${props.$headerStyle.borderWidth} solid ${props.$headerStyle.border}`} !important;
	`211`	`+ ${(props) => props.$showRowGridBorder`
	`212`	+ ? `border-inline-end: ${props.$headerStyle.borderWidth} solid ${props.$headerStyle.border} !important;`
	`213`	+ : `border-inline-end: none !important;`
	`214`	`+ }`
`211`	`215`
`212`	`216`	`/* Proper styling for fixed header cells */`
`213`	`217`	`&.ant-table-cell-fix-left, &.ant-table-cell-fix-right {`

Comments

(0)