Merge pull request #98 from ECN/add-column-border-to-itemtable

Add column borders to ItemTable
ECN · Oct 29, 2020 · e3f6b53 · e3f6b53
2 parents 3398a82 + 78d002e
commit e3f6b53
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
@@ -24,6 +24,9 @@ export default function ItemTable({ data, onRowClick }) {
                 backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[700],
             },
         },
+        columnBorders: {
+            borderLeft: `1px solid ${theme.palette.grey[300]}`
+        }
     });
     const classes = useStyles();
 
@@ -100,7 +103,7 @@ export default function ItemTable({ data, onRowClick }) {
                                 onClick={() => history.push(`/${row.original.queue}/${row.original.number}`)}
                                 className={classes.bandedRows} {...row.getRowProps()}>
                                 {row.cells.map(cell => (
-                                    <TableCell {...cell.getCellProps()}>
+                                    <TableCell classes={{ root: classes.columnBorders }} {...cell.getCellProps()}>
                                         {cell.render("Cell")}
                                     </TableCell>
                                 ))}