reactjs - 覆盖材料表中的 MuiTable-root 类

Question

在使用材料表组件时，我一直在尝试覆盖 muitable-root 类，但无法让它工作。知道我做错了什么吗？

风格：

const useStyles = makeStyles(theme => ({
    root: {
      '& .MuiTable-root': {
        borderCollapse: 'separate'
      }
    }
  }))

组件调用：

<MaterialTable
      classes = {useStyles.root}
      tableRef = {ref}
      icons = {tableIcons}
      title = {props.title}
      columns = {props.columns}
      data = {props.data}
/>

标签： reactjsmaterial-uimaterial-table

Answer 1

我检查了 的源代码material-table，看起来它不接受classes大部分外观的样式，它只影响页脚部分。检查这个函数和这条线，这是唯一使用的地方props.classes。

如果这种风格可以全局应用，也许你可以使用material-ui的自定义建议，here或here。