React material-table：更改树展开图标

Question

我正在使用材料表，尤其是树数据： https://material-table.com/#/docs/features/tree-data 。

当我正在实施确切的示例时，我无法收到我的箭头图标。 它像是：

你能告诉我我应该将什么传递给图标的对象，以便它可以在打开时呈现右箭头+向下箭头吗？ 以前我对排序箭头有同样的问题，但后来我发现我应该将 SortArrow 传递给 MaterialTable 组件的图标属性。

Answer 1

尝试将图标样式表导入您的index.html ，如下所示：

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />

有关导入图标的更多详细信息（替代方式），您可以查看以下链接： https://material-ui.com/components/icons/#installation

至于具体的图标如何渲染，可以查看以下链接： https://material-ui.com/components/material-icons/#material-icons

（PS据我记得，默认图标已经设置为材料表。所以除非您需要自定义图标，否则只导入样式表就足够了。）

Answer 2

经过一些研究，我发现我可以将DetailPanel放在我的图标属性中：

import { ChevronRight } from "@material-ui/icons";

    icons={{
            DetailPanel: ChevronRight,
          }}

所以这使得表格如下：