Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Admin on rest 如何自定义或更新Datagrid组件的样式?_Admin On Rest - Fatal编程技术网

Admin on rest 如何自定义或更新Datagrid组件的样式?

Admin on rest 如何自定义或更新Datagrid组件的样式?,admin-on-rest,Admin On Rest,我试图根据MaterialUI样式指南更改Datagrid组件的标题样式。Datagrid主体内容根据自定义样式更新,但标题不会反映自定义样式更改 代码片段如下所示: export const TableStyleProp = { style: { color: "#ff0000" }, selectable: true, headerStyle: { color: "#ff0000" }, bodyStyle: {} }; const muiThem

我试图根据MaterialUI样式指南更改Datagrid组件的标题样式。Datagrid主体内容根据自定义样式更新,但标题不会反映自定义样式更改

代码片段如下所示:

export const TableStyleProp = {
  style: {
    color: "#ff0000"
  },
  selectable: true,
  headerStyle: {
    color: "#ff0000"
  },
  bodyStyle: {}
};


const muiTheme = getMuiTheme({
      table: {
        backgroundColor: "#FF0000 !important"
      },
      thead: {
        backgroundColor: "#b7cbfb"
      },
      tableHeader: {
        borderColor: "#FF0000",
        backgroundColor: "#FF0000"
      },
      tableHeaderColumn: {
        textColor: "#FF0000",
        height: 56,
        spacing: 24
      },
      tableRow: {
        hoverColor: "#FF0000",
        stripeColor: "#FF0000",
        selectedColor: "#FF0000",
        textColor: "#FF00FF",
        borderColor: "#FF0000",
        height: 48
      },
      tableRowColumn: {
        height: 48,
        spacing: 24
      }
    });

<MuiThemeProvider muiTheme={muiTheme}>
export const TableStyleProp={
风格:{
颜色:“ff0000”
},
是的,
头型:{
颜色:“ff0000”
},
bodyStyle:{}
};
常量muiTheme=getMuiTheme({
表:{
背景色:“FF0000!重要”
},
thead:{
背景色:“b7cbfb”
},
表格标题:{
边框颜色:“FF0000”,
背景颜色:“FF0000”
},
tableHeaderColumn:{
textColor:#FF0000“,
身高:56,
间距:24
},
tableRow:{
hoverColor:#FF0000“,
条纹颜色:“FF0000”,
selectedColor:#FF0000“,
textColor:#FF00FF“,
边框颜色:“FF0000”,
身高:48
},
tableRowColumn:{
身高:48,
间距:24
}
});

文档中描述了这一点:

但是,表头字体颜色没有改变。谢谢你的回答你说得对。这是因为在标题中使用了一个按钮进行排序,目前无法覆盖其样式。你能就此提出一个问题吗?