如何为 Material UI TableRow 组件赋予边框样式？

Question

我在我的项目中使用 Material UI Table组件。我想为 TableRow 组件提供边框样式。我正在使用 scss classNames 为组件提供样式。通常边框样式是在 TableCell 中处理的，但它不符合我的要求。有什么方法可以为 TableRow 提供边框样式吗？

TableRow API - https://material-ui.com/api/table-row/#css

我在这里做了一个 Codesandbox 实现

Answer 1

你只需要删除TableCells的底部边框

将此 CSS 规则添加到demo.scss

.MuiTableCell-root {
  border-bottom: none;
}