material-ui
material-ui copied to clipboard
My Table does not have borders between rows like in the example; I cannot apply borders to table; They disappeared after one refresh
Steps to reproduce
I can't reproduce it in a sandbox.
Current behavior
It doesn't have row borders:
I have even tried adding them with :
const StyledTableRow = styled(TableRow)(({ theme }) => {
const borderColor = theme.palette.secondary.light
return {
'& > *': {
borderBottom: `1px solid ${borderColor}`,
},
'&:last-child > *': {
borderBottom: 'unset',
},
}
})
But the border disappeared after one refresh.
Expected behavior
The rows should have borders like it does in the documentation.
I can't apply borders to my MUI table.
Context
No response
Your environment
No response
Search keywords: table doesn't have row borders
I can't reproduce it in a sandbox.
We can't rely do anything without reproduction. Try creating a repository if you can't do it on codesandbox.
Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.