如何编辑 React-admin MuiTableCell 或其他 Mui 组件？

Question

我正在使用 React-Admin 构建一个 Admin，它的文档非常缺乏关于如何编辑表格网格或其他组件的说明。我需要编辑 MuiTableCell 的填充。目前，它看起来像这样：

这就是我想要实现的（我用浏览器检查器编辑它）

我有一个 theme.js 和以下内容，（这个 theme.js 位于 `util 中）：

function getTheme(name) {
  return createMuiTheme({
    ...themeConfig[name],
    ...themeConfig.common,
    overrides: {
      MuiTableCell: {
        root: {
          padding: "50px"
        } 
      }
    }
  });
}

这是我当前的目录结构：

   |-- node_modules
   |-- public
   |-- src
     |-- components
     |-- pages
       |-- dashboard.js 
     |-- posts
     |-- util
       |-- theme.js

关于如何编辑我的网格或仪表板的任何指导？谢谢！

Answer 1

尝试将 size="medium" 传递给您的 Datagrid：

const UserList = props => (
   <List {...props}>
      <Datagrid size="medium">
         <TextField source="first_name" />
         {/* ... */}
      </Datagrid>
   </List>
);