[@mantine/core] Table: Fix incorrect styles applied to td/th elements…

… with borders and colspan/rowspan (#3106) * [@mantine/core] Table: Fix wrong styling with borders and rowspan * [@mantine/core] Table: Fix style.css file lint
mantinedev · Dec 4, 2022 · ffc603f · ffc603f
1 parent 33e8d58
commit ffc603f
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/mantine-core/src/Table/Table.styles.ts b/src/mantine-core/src/Table/Table.styles.ts
@@ -65,16 +65,21 @@ export default createStyles(
             size: verticalSpacing,
             sizes: theme.spacing,
           })}px ${theme.fn.size({ size: horizontalSpacing, sizes: theme.spacing })}px`,
-          borderBottom: border,
+          borderTop: border,
           fontSize: theme.fn.size({ size: fontSize, sizes: theme.fontSizes }),
         },
 
-        '& tbody tr:last-of-type td': {
-          borderBottom: 'none',
+        '& tbody tr:first-of-type td': {
+          borderTop: 'none',
         },
 
-        '& th + th, & td + td': {
-          borderLeft: withColumnBorders ? border : '',
+        '& thead th, & tbody td': {
+          borderRight: withColumnBorders ? border : 'none',
+
+          '&:last-of-type': {
+            borderRight: 'none',
+            borderLeft: withColumnBorders ? border : 'none',
+          },
         },
 
         '&[data-striped] tbody tr:nth-of-type(odd)': {