Merge pull request #33 from icflorescu/fix-borders

Fix #32
icflorescu · Sep 14, 2022 · 5dbebc4 · 5dbebc4
2 parents 6fd73a7 + 6b60bcd
commit 5dbebc4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/package/DataTable.tsx b/package/DataTable.tsx
@@ -58,6 +58,10 @@ const useStyles = createStyles(
       textSelectionDisabled: {
         userSelect: 'none',
       },
+      table: {
+        borderCollapse: 'separate',
+        borderSpacing: 0,
+      },
       tableWithBorder: {
         border: `1px solid ${borderColorValue}`,
       },
@@ -247,7 +251,7 @@ export default function DataTable<T>({
         <Table
           ref={tableRef}
           horizontalSpacing={horizontalSpacing}
-          className={cx({
+          className={cx(classes.table, {
             [classes.tableWithColumnBorders]: withColumnBorders,
             [classes.lastRowBorderBottomVisible]: tableHeight < scrollViewportHeight,
             [classes.textSelectionDisabled]: textSelectionDisabled,