reactjs - 样式化 MTableToolbar 元素

Question

我正在尝试设置我的 MaterialTable 组件的样式。一些组件很容易这样做，因为您可以使用 createMuiTheme() 覆盖样式。我真正拥有的是两个组件，MuiFormControl 和 MTableToolbar，我想将它们内联。

我成功地使用了 MuiFormControl：

const getMuiTheme = () =>
    createMuiTheme({
        overrides: {
            MuiFormControl: {
                root: {
                    display: 'inline-block'
                }
            }
        }
    });

但是我无法对 MTableToolbar 组件做同样的事情。实际显示的类名名为“MTableToolbar-actions-36”，因此我实际上想更改 MTableToolbar 的操作部分。组件看起来像这样（MTableToolbar 是图标部分）：

我不想为“MTableToolbar-actions-36”创建一个 css 规则，因为可能有一种方法可以在没有 css 规则的情况下做到这一点。

标签： reactjsmaterial-ui