Reactjs 如何在MTableToolbar上应用禁用排水沟道具？

我正在使用react并希望覆盖工具栏的默认样式，以传递prop disableGutters={true}，就像我们在中所做的那样。 这是我的密码

<MaterialTable
    // other props
components={{
          Toolbar: (props) => {
            return (
              <div>
                <MTableToolbar {...props} style={{paddingLeft:"0px"}}/>
              </div>
            );
          },
        }}
      />

但去除排水沟填充物是行不通的。我也试过了，但没有效果。

MTableToolbar有这些类MuiToolbar根MuiToolbar常规MuiToolbar排水沟。您可以通过使用@material ui/styles以这种方式覆盖它们。首先安装它，npm安装@material ui/style。然后按照下面的代码进行操作：

从“React”导入React； 从“物料表”导入MaterialTable，{MTableToolbar}； 从'@material ui/core/styles'导入{makeStyles}； const useStyles=makeStyles{ 工具栏包装器：{ “&.MuiToolbar排水沟”：{ paddingLeft:0， paddingRight:0， } }, }; 导出默认功能应用程序{ 常量类=使用样式； 回来 , }} /> } 替代解决方案：

还有另一种方法可以使用自己的标题，而不是覆盖原始标题

你必须复制道具来隐藏默认标题并显示你自己的标题

将网格与MTableToolbar一起使用，使它们仍然相邻显示

代码如下：

从“React”导入React； 从“物料表”导入MaterialTable，{MTableToolbar}； 从'@material ui/core'导入{Grid}； 导出默认功能应用程序{ 回来 { //这将允许您在保持搜索的同时使用自己的标题 常量属性={…属性}； //隐藏默认标题 proposcopy.showTitle=false； 回来 你自己的头衔 ; } }} /> } MTableToolbar具有以下类MuiToolbar根MuiToolbar常规MuiToolbar排水沟。您可以通过使用@material ui/styles以这种方式覆盖它们。首先安装它，npm安装@material ui/style。然后按照下面的代码进行操作：

从“React”导入React； 从“物料表”导入MaterialTable，{MTableToolbar}； 从'@material ui/core/styles'导入{makeStyles}； const useStyles=makeStyles{ 工具栏包装器：{ “&.MuiToolbar排水沟”：{ paddingLeft:0， paddingRight:0， } }, }; 导出默认功能应用程序{ 常量类=使用样式； 回来 , }} /> } 替代解决方案：

还有另一种方法可以使用自己的标题，而不是覆盖原始标题

你必须复制道具来隐藏默认标题并显示你自己的标题

将网格与MTableToolbar一起使用，使它们仍然相邻显示

代码如下：

从“React”导入React； 从“物料表”导入MaterialTable，{MTableToolbar}； 从'@material ui/core'导入{Grid}； 导出默认功能应用程序{ 回来 { //这将允许您在保持搜索的同时使用自己的标题 常量属性={…属性}； //隐藏默认标题 proposcopy.showTitle=false； 回来 你自己的头衔 ; } }} /> }

---

哇，谢谢你，伙计！你是一个优秀的材料用户界面开发人员！来自西巴基斯坦的萨拉姆：@DevLoverUmar，我的荣幸：你能回答这个新问题吗@DevLoverUmar，好的，让我检查一下。哇，谢谢你，伙计！你是一个优秀的材料用户界面开发人员！来自西巴基斯坦的萨拉姆：@DevLoverUmar，我的荣幸：你能回答这个新问题吗@DevLoverUmar，好的，让我检查一下。