Reactjs 替换或添加材质Ui类名以反应数据表组件类名

Reactjs 替换或添加材质Ui类名以反应数据表组件类名,reactjs,material-ui,react-data-table-component,Reactjs,Material Ui,React Data Table Component,我希望我的React数据表具有材质Ui类,这样它可以更好地与我的应用程序的其余部分配合使用。文档中提到可以使用样式化组件覆盖css,但我没有做到这一点,也没有找到一个示例 我想将Mui类名添加到rtd类名中,例如: <div class="rdt_TableCell"/> 应该是 <div class="rdt_TableCell MuiTableCell"/> 链接到上述功能: 一些基本的沙盒可以使用: 当前未提供react数据表组件库。当它提到使用样式化

我希望我的React数据表具有材质Ui类,这样它可以更好地与我的应用程序的其余部分配合使用。文档中提到可以使用样式化组件覆盖css,但我没有做到这一点,也没有找到一个示例

我想将Mui类名添加到rtd类名中,例如:

<div class="rdt_TableCell"/>

应该是

<div class="rdt_TableCell MuiTableCell"/>

链接到上述功能:

一些基本的沙盒可以使用:


当前未提供react数据表组件库。当它提到使用样式化组件覆盖CSS时,它意味着一种类似以下的方法:

const StyledDataTable = styled(DataTable)`
  & .rdt_TableCell {
    background-color: lightblue;
  }
`;

这使您可以自定义与
rdt_TableCell
类关联的CSS属性,但除了通过复制它们之外,没有任何简单的方法来利用材质UI