javascript - 如何在反应材料表中始终显示排序图标并为当前排序列显示蓝色

Question

我已经使用材料表库创建了一个材料表。我想一直显示所有列的排序图标。当前排序的列的颜色也应为蓝色。

下面是代码的沙箱链接。

https://codesandbox.io/s/stupefied-mclean-okcvx?file=/src/App.js

我怎样才能达到上述预期的输出？

有没有办法通过覆盖组件来实现这一点？

标签： javascriptreactjsmaterial-uimaterial-table

Answer 1

要始终显示排序图标（不仅在悬停时），您需要为您的材料表应用 CSS 样式。

样式.css

.App {
  font-family: sans-serif;
}
.MuiTableSortLabel-icon {
  opacity: 1;
}