fix: remove right/left width for rows border

src/FlexibleTable/TableBody.jsx

@@ -30,6 +30,7 @@ export default function TableBody({tableStyles, updateCell, rows, states}) {
 		{Array.from({length: 2}).map((_, trIndex) => (
 			<tr className={"fitb-item-table-row"} style={{
 				background: (multipleBodyBackground && trIndex === 1) ? bodyBackgroundEven : bodyBackground,
+				borderWidth: "0px",
 				borderStyle: "solid",
 				borderColor: bodyBorderRowColor,
 				borderTopWidth: bodyBorderRowWidthTop,
@@ -39,6 +40,7 @@ export default function TableBody({tableStyles, updateCell, rows, states}) {
 					states[index] ?
 						<td className={"fitb-item-table-cell"} key={index}
 							style={{
+								borderWidth: "0px",
 								borderStyle: "solid",
 								borderColor: bodyBorderColumnColor,
 								borderLeftWidth: bodyBorderColumnWidthLeft,

src/FlexibleTable/TableHead.jsx

@@ -21,6 +21,7 @@ export default function TableHead( {headers, updateHeader, tableStyles, states}
 	return (
 		<thead className={"fitb-item-table-header"} style={{
 			borderStyle: "solid",
+			borderWidth: "0px",
 			borderColor: headerBorderRowColor,
 			borderTopWidth: headerBorderRowWidthTop,
 			borderBottomWidth: headerBorderRowWidthBottom,
@@ -33,6 +34,7 @@ export default function TableHead( {headers, updateHeader, tableStyles, states}
 					<th className={"fitb-item-table-header-cell"} key={index}
 						style={{
 							borderStyle: "solid",
+							borderWidth: "0px",
 							borderColor: headerBorderColumnColor,
 							borderLeftWidth: headerBorderColumnWidthLeft,
 							borderRightWidth: headerBorderColumnWidthRight,