小编Moh*_*obı的帖子

目前我的表视图如下： Mui 表该表有一个列名称“Action”，其中有一个编辑图标按钮。现在，我想仅当用户将鼠标悬停在表行上时才显示（可见性）编辑图标来编辑每一行。我尝试覆盖 Material Table 的 MUITable 主题，但以下代码不起作用。有谁能够帮助我？

const getMuiTheme = () => createMuiTheme({
  overrides: {
    MUIDataTableBodyCell: {
      root: {
        '&:last-child': {
          visibility: 'hidden'
        }
      }
    },
    MuiTableRow: {
      root: {
        '&$hover:hover': {
          '& .MUIDataTableBodyCell-root': {
            '&:last-child': {
              visibility: 'visible'
            }

          }
        }

      }
    }
  }
});