MUI 5 - 表格主体和表格页脚的边框半径不起作用

IT技术 css reactjs typescript html-table material-ui
2022-07-07 01:42:13

我正在开发一个新项目（React 18.2 和 MUI 5.10.3），我必须在我的一个组件中创建一个具有特定样式的表。

  1. 表头不应有边框
  2. 表体必须有一个边框半径
  3. 如果表格页脚存在，它必须有一个边界底部半径

我的问题是边界半径不适用于 MUI 表。如何添加边框半径并删除表头边框？就像我附上的图片一样

顺便说一下，我搜索了很多次我没有找到任何好的解决方案

这就是我所做的（没有任何额外的样式）： https ://codesandbox.io/s/angry-agnesi-t3ux1x?file=/src/App.tsx

这就是我想要创建的： 在此处输入图像描述

1个回答

我认为用

sx={
".MuiDataGrid-root": {
        borderRadius:"50px",
    },
".MuiDataGrid-columnHeaders": {
        display:'none',
    }
}
其它你可能感兴趣的问题
上一篇无法使用 create-react-app 设置react项目 下一篇使用带有 Typescript 的 React-Hook-Form 返回 React-Select 的值