Admin on rest 如何自定义或更新Datagrid组件的样式?
我试图根据MaterialUI样式指南更改Datagrid组件的标题样式。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
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
}
});
文档中描述了这一点:但是,表头字体颜色没有改变。谢谢你的回答你说得对。这是因为在标题中使用了一个按钮进行排序,目前无法覆盖其样式。你能就此提出一个问题吗?