Sorting 如何通过MUIDataTable的主题覆盖设置排序图标的颜色样式？

我需要覆盖

muidatable

中排序图标的颜色。我目前基本上可以覆盖除此之外的所有内容

通过debugger视图，我已经尝试了很多次，但似乎无法触及此图标

这就是我目前试图打电话去做的

MuiTableSortLabel: {
  icon: {
    color: "#eee",
  },
  iconDirectionAsc: {
    color: "#eee",
  },
  iconDirectionDesc: {
    color: "#eee",
  },
},

我在覆盖范围内也有这样的要求-

MuiSvgIcon: {
  root: {
    color: "#eee",
  },
},

排序图标当前是默认颜色（黑色），因为此代码不设置图标的样式。

更新解决方案：这不满足替代，但在样式中调用-

“@global”：{ “div>span>svg>path”：{ 填写：“#eee” },

---

}，

这可能会帮到你

MUIDataTableHeadCell:{
分类：{
“&svg”：{
颜色：“#eee”//或您需要的任何颜色
}
}
}

要覆盖排序图标的颜色，请尝试

overrides: {
  MuiTableSortLabel: {
    active: {
      color: 'green' // your color here
    }
  }
}

---

如果您通常需要有关自定义样式覆盖的帮助，可以在此处查看示例：。

基于@anthony-z回答此问题，只需使用“&path”而不是“&svg”：

---

试试这个它对我很管用

MuiTableSortLabel: {
    root: {
        '&$active': {
            color: **<your color>**
            '&& $icon': {
                color: <your color>
            },
        },
    },
},

MuiTableSortLabel:{
根目录：{
“&$active”：{
颜色：****
“&&$icon”：{
颜色：
},
},
},
},

不起作用。MUIDataTableHeadCell:{fixedHeader:{color:''eee'，backgroundColor:'fff'，}，sortActive:{color:''eee'，}，sortAction:{'&svg'：{color:'eee'}，}，让我有点疯狂：）谢谢你的回复！我们在同一页上，就是这个图书馆，对吗？或者它是默认的Material UI表？是的，我通过主题中的覆盖调用它，比如so-const getMuiTheme=（）=>createMuiTheme（{覆盖：{muidatableheadcell:{fixedHeader:{color:''eee'，backgroundColor:'fff'，}，sortActive:{color:''eee'，}，sortacion:{'&svg'：{color:{eee}，}，}，您可能不知道如何覆盖搜索区域？文本输入到的行在聚焦时高亮显示为蓝色，默认为黑色。我也无法解决此问题。如果没有，我可以发布其他问题。我只是意识到它没有正确呈现，此解决方案似乎不起作用。使用最新版本的材料ui您不应该将最新版本的material ui与mui datatables一起使用，因为它们不完全兼容，您可能会遇到问题。我不会比库中建议的3.5.1版本更高。

MuiTableSortLabel: {
    root: {
        '&$active': {
            color: **<your color>**
            '&& $icon': {
                color: <your color>
            },
        },
    },
},