MUI 如何更改 TablePagination 组件内的图标？

Question

在我的 React 项目中，我使用名为 TablePagination

的 MUI 组件

TablePagination 组件嵌套在 Table 组件内部，如下图所示。

看看下拉按钮如何有一个向下的实心箭头。 我怎样才能将其更改为不同的 SVG 图标。

我希望新的 TablePagination 有一个下图中的箭头图标。

https://codesandbox.io/s/ijm5r?file=/demo.js

这是此示例的沙箱 link。

Answer 1

您可以在 TablePagination 中添加 Select 的自定义图标，如下所示：

<TablePagination
  SelectProps={{
    IconComponent: KeyboardArrowDownIcon,
  }}