我正在使用 MUI-Data-Tables，我想在单击对列进行排序后更改 header 文本颜色？

Question

我需要在对列进行排序时覆盖默认的黑色文本颜色，我不确定该怎么做。我最接近的是使用下面的代码片段更改箭头图标颜色。

 MUIDataTableHeadCell: {
        sortAction: {
            '& path': {
              color: "teal " // or whatever you need
            }, 
            }, 
      },

有谁知道我怎样才能更改文本颜色？ :)

Answer 1

这应该可以解决问题！[=11=]

 MUIDataTableHeadCell: {
    sortAction: {
        '& path': {
          color: "teal " // or whatever you need
        }, 
     }, 
    sortActive: {
      color: ""  // whatever you need
    }
  },

sortActive = Header 文本颜色

我正在使用 MUI-Data-Tables，我想在单击对列进行排序后更改 header 文本颜色？

I'm using MUI-Data-Tables and I would like to change the header text color after I click to sort the Column?

reactjs

material-ui

mui-datatable