material-ui icon indicating copy to clipboard operation
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

Open GeorgeFlorian opened this issue 1 year ago • 1 comments

Steps to reproduce

I can't reproduce it in a sandbox.

Current behavior

It doesn't have row borders: image

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

GeorgeFlorian avatar May 14 '24 06:05 GeorgeFlorian

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.

mnajdova avatar May 14 '24 09:05 mnajdova

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.

github-actions[bot] avatar May 21 '24 12:05 github-actions[bot]