javascript - Material UI 的 TableRow 不允许样式覆盖

Question

我试图覆盖 Material UI 的默认样式，以使每个 TableRow 彼此之间有一个边距。但是，似乎覆盖没有通过用户界面。

标签： javascriptcssreactjsbootstrap-4material-ui

Answer 1

overrides是主题设置，而不是样式设置。

如果您希望将所有表格行的边距设置为 30px（注意。我还建议将其设置为theme.padding(3.75)而不是将其明确定义为 30px），那么您应该在主题中将其定义为覆盖（请参阅有关 globals 的文档）。

如果您只想将特定表格的边距设置为 30px，那么您可以使用常规 CSS 类。