Commitdd7fb61

committed

[Fix]:#1837 fix table header border styles

1 parentba30103 commitdd7fb61Copy 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`	`constshowVerticalScrollbar=compChildren.showVerticalScrollbar.getView();`
`82`	`82`	`constvisibleResizables=compChildren.visibleResizables.getView();`
`83`	`83`	`constshowHRowGridBorder=compChildren.showHRowGridBorder.getView();`
	`84`	`+constshowRowGridBorder=compChildren.showRowGridBorder.getView();`
`84`	`85`	`constcolumnsStyle=compChildren.columnsStyle.getView();`
`85`	`86`	`constsummaryRowStyle=compChildren.summaryRowStyle.getView();`
`86`	`87`	`constchangeSet=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)