如何隐藏表格中的水平线而不隐藏垂直线（Material-ui）

Question

我需要隐藏下表中的水平线以及时隙。
我尝试将td 元素的visibility 设置为hidden，但这也隐藏了垂直线。
知道如何解决这个问题吗？

Answer 1

您想覆盖 MUI TableCell 组件的 border-bottom 样式。

const useStyles = makeStyles({
  row: {
    "& > td": {
      borderBottom: 'none'
    }
  }
});

{rows.map((row) => (
  <TableRow key={row.name} className={classes.row}>
    {/* your TabelCell components */}
  </TableRow>
))}

我并不完全清楚你想用时间列完成什么，这需要实际的代码来查看。